구글 블로그에서 나눔 고딕체가 적용이 되지 않으면 확인해 보세요.
좋아하는 폰트가 있는데 아무리 소스를 변경해도 적용이 되지 않네요. 어쩔 수 없이 원하는 폰트는 포기하고 나눔 고딕체를 적용하는 방법을 알아봅니다.
폰트를 바꾸는 것도 스킨을 바꾸는 것과 같이 교체 시기가 빠르면 빠를수록 좋습니다. 특히 스킨교체는 색인이나 노출에 영향을 받는다고 알려져 있는데요, 직접 경험하지는 못했습니다. 블로그를 만들고 애드센스 승인을 받기 전에 교체했으니까요. 이론적으로 스킨교체는 색인과 노출과는 연관이 없을 것 같지만, 많은 블로거가 경험하고 있네요.
https://fonts.google.com/specimen/Nanum+Gothic+Coding?subset=korean
폰트는 구글 폰트에서 나눔 고딕체를 가져왔습니다.
위 주소로 들어가면 나눔 고딕체 페이지입니다. 두 가지 스타일이 있는데 굵은 체가 아닌 일반형을 사용할 테니 선택의 여지는 없습니다. Regular 400을 선택하면 관련된 시트와 CSS가 올라옵니다. 이 두 가지 소스를 복사해서 메모장에 붙여놓습니다.
테마 / html 편집으로 들어갑니다. 아마 폰트를 바꿀 생각을 했다면 이전에 네이버 웹 마스터 등록, 애드센스 소유 확인 코드 넣기 위해 들어갔던 곳입니다.
html을 보면 스킨에서 사용된 구글 폰트 시트가 있는데 그 아래 붙여 넣습니다. 다른 위치도 되는데 반드시 <head></head> 사이에 넣어야 합니다.
그런데 이 코드를 넣었는데 나눔 고딕체가 적용이 안 된다면 이 코드를 그대로 적용했을 겁니다. 약간 수정해야 정상적으로 적용이 됩니다.
<link rel="preconnect" href="https://fonts.googleapis.com">
<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=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
이것이 구글 폰트에서 가져온 원본인데요, 아래와 같이 수정합니다.
<!-- Nanum+Gothic+Coding -->
<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=Nanum+Gothic+Coding&display=swap' rel='stylesheet'/>
이대로 붙여서 넣으면 되는데요, 수정부분을 알려드리면
2번째 줄 crossorigin='crossorigin' 변경
3번째 줄 & 변경입니다. 마지막에는 '/>' 를 넣습니다.
그리고 폰트가 페이지에 적용되기 위해서는 기존에 사용하는 폰트 이름도 바꿔줘야 하는데요, Ctrl + F 키를 이용해서 font-family를 찾습니다.
구글 블로그는 폰트 이름 수정하는 곳은 이 위치입니다.
여기서 아래와 같이 입력합니다.
font-family: "Nanum Gothic Coding, monospace"
font-family 로 검색을 하면 font-family:FontAwesome; 등으로 올라오는 것이 있는데, 이것은 기호 등으로 사용되는 폰트이기에 바꾸지 않아도 됩니다. 폰트 변경이 안 된다고 font-family로 몽땅 검색해서 바꿔도 새로운 폰트가 적용되지 않습니다. 이 스킨의 경우는 위의 font-family: 하나만 바꾸면 됩니다. 그리고 저장하고 확인하면 나눔 고딕체로 바뀌어져 있습니다.
폰트를 바꾸려고 한다면 빠르게 해야 하는 이유가 있습니다. 이것은 글쓰기에서 줄 바꿈에 문제가 있습니다. 뉴스 기사처럼 문단으로 줄 바꿈 없이 글을 쓰는 스타일이라면 그대로 두어도 되지만, 게시판 넓이에 맞게 줄 바꿈을 하는 스타일이라면 폰트가 바뀌면 글자 크기도 달라져, 이전 폰트에서 한 줄 길이로 맞췄는데 폰트가 바뀌면서 다음 줄로 넘어가 버리기도 합니다. 이전 티스토리에서는 지금 뒤에 설명처럼 한 줄에 맞추는 글쓰기를 하다 구글 블로그를 하면서 뉴스 기사처럼 문단으로 작성하고 있습니다. 한 줄에 맞춰서 줄 바꿈을 하는 글쓰기 스타일이라면 글자 몇 자 때문에 다음 줄로 넘어가 버립니다. 보기 싫죠.