구글 블로그에서 노토산스 폰트 적용하기

테이블 위 노트북과 노트

기본 폰트도 좋지만, 가독성과 심미성을 위해 자신에게 맞는 폰트를 설정할 수 있습니다. 구글 블로그에서는 CSS 설정이 조금 번거로워, 저는 간단히 노토산스KR을 사용하기로 했습니다.

구글 폰트 적용하기

먼저, 구글 폰트 사이트에 접속하여 노토산스 KR을 선택한 후, Get embed code 버튼을 클릭하여 제공되는 코드를 복사합니다. 그런 다음 블로그의 테마 > HTML 수정에서 <head> 부분에 구글 폰트에서 복사한 코드를 붙여넣으면 됩니다. 이 과정에서 자주 발생하는 오류가 있는데, 바로 & 기호 때문에 문제가 생기는 경우입니다. 이를 해결하려면 아래와 같이 수정된 코드를 사용하세요.

<head>
<!-- 노토산스KR -->
<link href='https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&amp;display=swap' rel='stylesheet'/>

이 코드는 <head> 바로 아래에 추가하는 것을 추천합니다. 이렇게 하면 나중에 유지보수할 때 더 편리하니까요.

CSS 설정하기

구글 블로그는 HTML과 CSS가 분리되어 있어서 조금 불편할 수 있습니다. 하지만 다행히도 블로그에서는 CSS ‘추가’가 용이하도록 설정해두었습니다.

테마 > 맞춤설정 > 고급으로 들어가서, 드롭다운 메뉴에서 CSS 추가 옵션을 찾습니다. 그리고 아래 코드를 추가해주세요.

* {
    font-family: 'Noto Sans KR', sans-serif !important;
}

위와 같이 코드를 붙여넣고 저장하면 폰트가 변경된 것을 확인할 수 있습니다. 기존 테마에는 대개 제작자가 선호하는 폰트가 이미 설정되어 있지만, 한국어 폰트는 글로벌하게 많이 사용되지 않아서 지원이 안됩니다. 한국어 사이트를 운영하려면 한국어 지원 폰트를 따로 설정하는 것이 좋습니다.

결론

구글 폰트를 통해 블로그의 디자인을 개선하는 것은 쉽고 효과적인 방법입니다. 특히 한국어 폰트는 대부분의 기본 테마에서 지원되지 않기 때문에, 노토산스 KR과 같은 폰트를 설정해주는 것이 필수적입니다. 구글 폰트는 다양한 선택지를 제공하고, HTML 수정과 CSS 추가를 통해 손쉽게 적용할 수 있어 누구나 쉽게 자신만의 독특한 스타일을 만들 수 있습니다.

노토산스 외 프리텐다드, 페이퍼로지 등의 폰트도 추천합니다. 자신의 기호에 맞게 블로그를 꾸며보세요.