고딕체보다 가독성이 뛰어난 깔끔한 폰트 소개와 개인적으로 좋아하는 폰트를 구글 블로그에 적용하는 방법입니다.
이 블로그는 지금은 네이버 나눔 폰트가 적용되어 있습니다. 처음에 티스토리부터 사용하던 아주 좋은 폰트가 있어 적용하려고 했는데, 어쩐지 잘 안되었습니다. 여기저기 문의해 봐도 이상하게 적용이 안 되더군요. 잊어버리고 있다가 가독성이 뛰어난 폰트를 소개나 시켜드려야겠다는 생각으로 마지막으로 폰트 적용을 해보았습니다. 그런데 오늘은 원하는 폰트가 구글 블로그에 한 번 만에 적용이 됩니다.
아마 많은 사람이 구글 폰트를 통해서 나눔 폰트를 적용했을 겁니다. 나눔 폰트도 맑음 고딕체도 상당히 깔끔합니다. 어떤 것을 설치하더라도 방문자는 폰트 때문에 글을 읽는 것이 불편하지는 않을 겁니다. 하지만, 기회가 된다면 렉시새봄R 폰트도 설치해 보세요. 평소에 가게 안내문 등에 출력용으로 사용하는데 고딕체보다 더 가독성이 좋습니다.
폰트는 아래 연결해 놓았는데, 알집을 풀면 4가지가 들어있습니다.
style.css에는 아래와 같이 넣습니다. 저장 장소는 보통 폰트와 같이 넣으니 저장 경로는 생략도 되고 넣어도 됩니다.
@font-face {
font-family: LexiSaebomR;
src: url('https://저장 경로/LexiSaebomR.eot');
src: url('https://저장 경로/LexiSaebomR.eot?#iefix') format('embedded-opentype'),
url('https://저장 경로/LexiSaebomR.woff') format('woff'),
url('https://저장 경로/LexiSaebomR.ttf') format('truetype'),
url('https://저장 경로/LexiSaebomR.svg') format('svg');
}
그리고 이렇게 저장된 폰트를 블로그에 적용하기 위해서는 html에 아래 코드를 넣습니다.
<link rel="stylesheet" type="text/css" href="style.css 저장 경로/styles.css">
앞선 나눔 고딕을 적용할 때 넣었던 코드가 들어가 있네요. 같은 위치에 넣으면 됩니다.
그리고 블로그에 사용할 폰트를 바꿔줘야 합니다. 폰트 이름은 style.css에서 정의한 이름 LexiSaebomR 입니다. 구글 블로그에 폰트를 적용하는 위치는 body{ 로 시작하는 곳인데요, 이곳에 font-family: "LexiSaebomR", sans-serif; 를 넣습니다.
글 목록에는 폰트가 바뀌지 않고, 본문 게시글과 제목은 렉시새봄R로 바뀌었습니다. 이제 이 블로그는 좋아하는 폰트로 돌리기는 그렇고, 다음 블로그를 생성한다면 이 폰트로 적용해야죠.