[blogger] Google Font 추가 하는데 에러

구글에서 많은 무료 폰트들을 배포하는데 블로그에 폰트 연결 중 에러가 발생해서 관련 내용 간단히 정리한다.

1. 구글 무료 폰트 링크
   https://fonts.google.com/

2. 무료 폰트 링크에서
   Link를 복사해서 블로그의 Head 와 /Head 사이에 넣는다.
   하지만 구글 Blogger 에 붙이면 에러가 난다.

구글 폰트에서 복사한 링크

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap" rel="stylesheet">

수정 사항 3가지

• link 끝이 / 를 추가한다.
• crossorigin=“crossorigin” 를 추가한다.
• display 앞에 amp; 추가 한다.

수정된 코드

<link href='https://fonts.googleapis.com' rel='preconnect'/>
<link crossorigin='crossorigin' href='https://fonts.gstatic.com' rel='preconnect'/>
<link href='https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&amp;display=swap' rel='stylesheet'/>

왜 같은 구글인데 에러나는 코드 복사하게 주는겨…

끝.

도움이 되셨다면 더 좋은 정보 공유를 위해 광고 클릭 부탁 드립니다 :)