구글 블로거 한글 폰트 변경 - Google Blogspot Font Change
구글 블로거에서 한글 폰트를 지원하지 않으므로, 직접 넣어야 한다. 이에 관해 간단하게 요약 한다. 먼저 참조하는 유용한 웹사이트를 먼저 첨부한다.
https://georgialoustudios.com/use-google-fonts-blogger/
예를 들어 나눔 고딕 폰트를 적용하면 다음과 같다. 구글에서 폰트에 대한 정보를 받는다. 구글 폰트 웹사이트가 있다. (fonts.google.com) 그리고 나눔 고딕을 검색하면 된다. 그 웹사이트는 아래와 같다.
https://fonts.google.com/specimen/Nanum+Gothic?query=nanum&sidebar.open=true&selection.family=Nanum+Gothic#glyphs
위의 사진에서와 같이 오른편에 Embed라는 것이 있는데, 이를 구글 블로거 HTML에 넣으면 된다. 필요한 것이 <link>에 있는 소스와 밑에 CSS rule 이다.
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
font-family: 'Nanum Gothic', sans-serif;
위의 링크 소스를 구글 블로그스팟의 Theme에 Edit HTML의 <head> 안에 붙여 넣으면 된다. 아래 사진과 같다. 여기서 중요한 것이 끝에 백슬래시(\)를 넣는 것과, 아마 이런 메세지를 받을 수 있으므로 링크 소스를 아래와 같이 수정해야 한다.
"The reference to entity “display” must end with the ‘;’ delimiter. "
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet"/>
그리고 이제 폰트 이름을 위의 font-family 이름으로 수정하면 된다. ('Nanum Gothic', sans-serif) 예시는 아래와 같다.
안녕하세요! 반갑습니다. 검색하다가 우연히 들어오게 됬어요. 좋은 정보 감사해요.
답글삭제정보 감사합니다! :)
답글삭제