간단하게 웹폰트 수정하는 법을 정리하고자 포스팅을 하였다.

구글 에서 무료로 웹폰트를 제공하는데 이를 github 블로그에서 적용할 수 있다. 적용가능한 폰트 리스트는 링크된 사이트를 참조하면 좋을 것 같다. 나는 블로그의 폰트를 나눔 고딕으로 변경하였다. 변경 기준은 현재 블로그에 사용하고 있는 Type Theme을 기준으로 작성하였다.

구글 font 사이트에서 나눔고딕 웹폰트 설정하는 법을 찾아보았다. 다음과 같이 셋팅해주면 된다고 한다.

1. _config.yml 파일 변경

_config.yml 파일에서 google_fonts의 값을 아래와 같이 변경 하였다.

2. font-family 이름 변경

_sass -> base -> _variables.scss 파일에서 font-family를 다음과 같이 변경한다. font-family-main은 본문의 font 설정이고, font-family-headings는 타이틀의 font 설정이다.

이렇게 두가지만 적용하고 각 파일을 저장해서 다시 github에 push하면 적용 완료이다!

reference

• http://makebct.net/%EA%B5%AC%EA%B8%80%EC%9B%B9%ED%8F%B0%ED%8A%B8-%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0/?cat=148/
• https://fonts.google.com/specimen/Nanum+Gothic?selection.family=Nanum+Gothic:400,700