블로그 포스팅 할때 가장 중요한 점은 무엇일까요. 바로 내용 입니다. 검색하여 들어온 사람들이 그 정보가 내가 필요한 정보인지 아닌지 그내용이 중요하겠죠.
하지만 좋은 내용에 알차게 구성을 했지만 폰트가 알아보기 힘든 경우 아주 필요한 정보가 아니라면 해당 포스팅은 물론 브라우저를 바로 닫아버릴 수도 있습니다.
이 블로그 말고 다른 블로그 에서는 나눔고딕 폰트를 이용하는데요 나눔고딕 웹폰트를 티스토리 블로그에 적용하는 방법을 알려드리고 싶어요
구글 폰트 사이트에 접속해서 링크를 가져와야 되는데 이미지에 있는 부분을 가져오셔도 됩니다
위 내용의 LINK 부분을 티스토리의 HTML/CSS -> style.css 에다가 넣어야 합니다.
최상단에다가 넣으면 되는데요 아래 이미지 처럼 해주시면 됩니다.
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); |
복사가 안된다면 구글 폰트 사이트 http://www.google.com/fonts/earlyaccess 이곳 에서도 가능 합니다.
위 링크를 style.css 에 꼭 넣어주세요
자 그러면 티스토리 블로그에 나눔고딕 웹폰트 적용의 절반은 진행 됐습니다. 그리고 CTRL + F 로 font-family 를 찾아볼게요
font-fmaily 에 나눔고딕을 추가
그 이후 dotum 등 폰트이름이 들어간 곳에 'nanum gothic' 를 넣어주세요. 만약 dotum 이 먼저 들어가 있다면
font-family : dotum 이런식으로 들어가 있다면 font-family : 'nanum gothic', dotum 이런식으로 font-family와 dotum사이에 'nanum gothic' 를 꼭! 작은 따옴표 안에 넣으셔야 됩니다.
그렇지 않으면 제대로 적용 되지 않을 수 있어요 참.. font-family 를 모두 찾으셔서 똑같이 해주셔야 됩니다. 폰트를 나눔고딕으로 적용하겠다.. 라는 뜻인데요
이외에 나눔고딕 적용 방법이 있지만 웹폰트 로 하는 이유는 나의 티스토리 블로그를 방문 하는 사람이 나눔고딕 폰트가 없으면 볼수가 없는데 웹폰트로 설치 한다면 상대가 나눔고딕 폰트가 없어도 웹폰트를 이용해 볼 수 있게 되는겁니다.
나눔고딕 웹폰트 적용 끝
글쓰기를 하면 여전히 나눔고딕이 안보일텐데요. 걱정 하지 마세요 기본 폰트를 선택하지 않은 상태에서 폰트사이즈만 변경하고 기본 폰트로 포스팅을 작성한 후 미리보기나 완료를 하게 되면 나눔고딕 으로 짜잔~
다른 폰트들 또한 이런식으로 적용 가능하니 웹폰트 많이 이용해보세요~!