Loading [MathJax]/extensions/TeX/AMSsymbols.js

Blogger에서 글꼴 바꾸기 (나눔고딕체)

블로거에서 표현되는 글씨를 좀 이쁘게 바꾸고 싶을 때가 있다. 그런데 이걸 어떻게 하는지 몰라서 하기가 너무 힘든다고 하시는 분! 걱정 마시길 바란다. 여기 방법이 있다. 아주 간단하다.

먼저 밑줄친 코드를 삽입한 후 '테마 저장'을 클릭한다. 이것은 홈페이지 전체의 테마에 나눔고딕을 위한 CSS를 로딩하겠다는 의미이다. 다른 폰트를 로딩하고 싶은 분들은 아래의 페이지를 같이 켜 놓은 다음 절차를 따라가시기 바란다. (Google Fonts)

다음으로 로딩한 CSS를 삽입할 것이다. 다음 코드를 참조하길 바란다.

이것은 CSS 코드로서 편집 시 디폴트로 사용할 글꼴 세트를 나타내는 것이다. (W3Schools 해당 내용 - CSS Fonts)

글꼴마다 serif, sans-serif, monospace 등 generic family가 다르니 참조를 부탁드린다. 위의 폰트 CSS를 로딩하는 코드를 복사할 적에 이 폰트에 어떤 generic family가 적용되는지 아실 수 있을 것이다. 본인은 블로그에 '나눔고딕'체를 적용하고 싶어서 위에 나온 예시 코드로 작성했다. 참고로 그림에서도 보실 수 있지만 나눔고딕체는 generic family가 'sans-serif'이다.

위와 같이 코드를 작성하고 아래 그림에서 밑줄 그인 '맞춤 설정' 단추를 클릭한다.

그럼 다음과 같은 창이 뜨는데 여기에서 표시한 대로 클릭 후 텍스트를 복사한다.

블로그에 적용하면 된다.