구글 블로그에는 어울리는 폰트가 따로 있을까요
구글 블로그는 세계를 주무르는 플랫폼인 만큼 엄청난 구글 블로그 스킨을 자랑하고 있습니다. 그런 만큼 사용하는 폰트도 다양한데요, 구글이라는 이름에 걸맞은 세계의 언어가 저장되어 있고 그 언어를 자유롭게 사용할 수 있게 지원하고 있기도 합니다. 폰트 크기는 용량이 아주 적다고는 하지만 세계의 사람이 이용한다면 엄청난 트래픽이 발생할 텐데 대단하다는 생각밖에 들지 않네요. 그렇지만 세계의 언어를 지원하는 탓일까요, 한국어가 저장된 숫자는 그다지 많지는 않습니다.
물론 블로그는 방문자가 편하게 읽을 수 있는 가독성이 뛰어난 폰트 한두 가지만 있으면 사실은 문제 될 것은 없습니다. 그렇지만 조금이라도 더 좋은 폰트를 적용하는 것은 방문자를 위한 배려로 블로거를 위한 길일 수도 있죠.
구글 블로그에는 어떤 폰트가 어울릴까요, 정답은 없습니다. 구글 블로그를 떠나서 사용하고 있는 스킨과 어울리는 폰트를 찾는 것이 좋겠습니다. 스킨의 분위기에 맞는 폰트가 제일 좋습니다. 이전에 가장 좋은 폰트라고 생각했던 랙시새봄R 폰트를 사용하면서 가독성도 뛰어나고 뭔가 재미있는 폰트라는 생각을 가졌고 다른 분에게도 추천하기도 했는데요, 막상 지금 사용하는 구글 블로그에는 그다지 어울리지 않는 듯합니다. 이 폰트는 다음 포스팅에서 자신이 좋아하는 폰트를 바꾸는 방법을 알려드리면서 첨부해 놓을 테니 한 번 적용해 보시기 바랍니다. 가독성이 뛰어나고 깔끔한 스킨을 찾는다면 맘에 들겁니다.
폰트를 바꾸는 방법으로는 가장 쉬운 것은 구글 폰트를 사용하는 것입니다. 폰트를 변경하기 위해서는 두 가지의 코드가 있습니다. 하나는 html, 또 하나는 CSS 파일입니다. 두 가지가 삽입되는 파일이 다르기에 코드를 모르시는 분은 버거운 감이 있을 수도 있는데요, 저 역시도 코딩 쪽은 문외한으로 코드를 수정한다면 불편하기는 마찬가지입니다만, 구글 블로그를 사용하려면 최소한 이 정도는 해야 하지 않을까 하는 정도의 수준이니 따라서 하시면 충분히 할 수 있습니다.
구글 폰트 접속 및 코드 가져오기
https://fonts.google.com/?subset=korean
위 주소로 접속하면 구글 폰트 사이트에서 한글이 지정된 화면입니다. 원하는 폰트를 선택합니다.
원하는 폰트를 선택하면 같은 폰트에서도 여러 가지 크기가 있을 수 있는데요, 그중에서 가져올 폰트를 다시 선택합니다. 그 후 오른쪽 위 사각형 3개와 +가 있는 아이콘을 누르면 해당 코드가 보입니다. 4번이 html이고, 5번이 CSS입니다. 이 두 개를 복사해서 메모장이나 에디트 툴에 붙여놓습니다. 구글 폰트를 사용하기 위해 많은 검색을 하셨다면 알고있을 텐데요, 포스팅 작성자가 자신만의 방법으로 폰트 변경에 성공한 그 방법이 다양하더군요.
폰트 변경을 하기 위한 코드는 html과 CSS가 있습니다. 정식으로 설정하기 위해서는 두 개의 파일에 각각 넣어야 합니다. 그리고 그렇게 설명하는 포스팅도 많습니다. 하지만 전 그 방법으로는 구글 폰트 적용에는 실패했습니다.
그래서 코드 입력하는 정식적인 방법은 아닐지 모르지만 간단하게 적용하는 방법을 알려드리겠습니다. 앞서 복사한 코드 두 가지를 하나의 문서에 붙여 넣습니다.
<link href="https://fonts.googleapis.com/css2?family=Bag 중략 00;700;900&display=swap" rel="stylesheet">
font-family: 'Bagel Fat One', cursive;
font-family: 'Diphylleia', serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Noto Sans KR', sans-serif;
또 다른 포스팅에서는 700;900&display=swap" rel="stylesheet"> 이 부분을 700;900 display=swap" rel="stylesheet" /> 마지막에 / 을 넣어라는 포스팅도 있었지만, 그러지 않아도 됩니다. 두 가지의 코드를 한 곳에다 넣겠습니다.
다만 CSS 코드는 아래와 같이 약간의 수정을 합니다.
<link href="https://fonts.googleapis.com/css2?family=Bag 중략 00;700;900&display=swap" rel="stylesheet">
body, h1, h2, h3, h4, a, div, input, p, span, td, label, select, textarea, iframe {
font-family: 'Bagel Fat One', cursive;
font-family: 'Diphylleia', serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Noto Sans KR', sans-serif;
}
구글 블로그 관리자 화면 테마 / 오른쪽을 보면 맞춤 설정을 누릅니다. 맞춤 설정 옆에 있는 역삼각형은 맞춤 설정과는 다른 기능이 있습니다. 반드시 맞춤 설정을 눌러야 합니다.
맞춤 설정을 들어왔으면 고급을 찾고 그 속에 있는 CSS 추가를 누릅니다. 그리고 앞서 붙여놓았던 코드를 몽땅 넣습니다. 그리고 저장을 누릅니다.
폰트가 변경되었습니다. 제목은 바뀌지 않고 본문 글이 살짝 바뀐 것이 확인되나요. 이렇게 바뀐 폰트는 다시 이전으로 돌리기에는 쉽지 않네요. 지금 테스트한 스킨에는 코드를 찾을 수 없어 이전 폰트로 돌리기 위해서는 스킨을 새로 설치해야 합니다. 제 실력으로는 어렵네요.
폰트를 다시 돌릴 수 있는 실력이 없더라도 시도는 해봐야겠죠. 그래서 스킨을 손댈 때는 백업을 받아놓는 것이 좋은데요, 방법은 테마로 들어가면 백업 기능이 있고 html 화면에서 전체를 복사해 두면 일시적으로 코드를 만질 때 유용하게 사용할 수 있죠.
가독성이 뛰어난 폰트와 외부 폰트 구글 블로그에 적용하는 방법