왜 한글폰트는 이쁜게 없나? 해서 나온게
네이버에서 무료로 배포하고 있는 나눔고딕입니다.
제가 웹사이트 제작일을 하고 있는데 나눔고딕 폰트 사용만으로도 디자인 퀄리티면에서 많은 득을 보고있습니다.
오픈소스인 티스토리 블로그에도 나눔고딕 폰트를 적용하여 사용할수 있는데
다음 방법대로 따라하시면됩니다.
본인 블로그 관리자페이지에서 스킨 HTML/CSS 수정 메뉴로 이동하여
파일업로드를 통해 나눔고딕 폰트을 등록해줍니다.
어차피 네이버에서 다운받을수 있지만 아래 첨부하였으니 받아서 사용하세요.
NanumGothic.eot
아래 화면처럼 업로드 된것을 확인하였습니다.
저장위치 즉 나눔고딕 폰트는 images/NaumGothic.eot 입니다.
이제는 style.css를 변경하셔야하는데
관련 일을 하시는 분들이라면 사실 설명이 따로 필요없겠지만 일반분들을위해 자세히 설명해보겠습니다.
해당 영역 최상단에 아래 파란색테두리를 친부분을 추가해줍니다.
@font-face {
font-family: "NanumGothic";
src: url('images/NanumGothic.eot');
font-weight: normal;
font-style: normal;
}
혹시 편집창이 짧으신분들은 우측상단에 화살표 누르면 아래로 커지니 참고하세요.
제 스킨에는 기본 폰트 지정이 Dotum으로 되어있었는데
ctrl+f 로 Dotum을 모두 찾아 NanumGothic 으로 변경해주시면됩니다.
이상태에서 미리보기를 해보시면 나눔고딕이 적용된것을 확인할수 있습니다.
본문의 기본폰트 크기를 바꿔보겠습니다.
기존에 12xp로 되어있길래 14px로 변경하니 지금 현재 보시는 화면의 폰트크기가 되었네요.
찾는방법은 ctrl+F로 .article 을 찾으시면됩니다.
font:12px 어쩌고 저쩌고 되어있는것을 font:14px 또는 원하시는 크기로 변경하면 끝~
지금까지 티스토리 블로그에 나눔고딕 적용하는 방법 이야기였습니다.
폰트 하나마 바꿔도 블로그 분위기가 확 바뀌네요^^
