디비저장소

티스토리 블로그에 나눔고딕 글씨체(폰트) 적용 방법

2016. 9. 13. 15:42
반응형

티스토리 블로그에 나눔고딕 글씨체(폰트) 적용 방법

 

 

티스토리 블로그에 나눔고딕 글씨체 적용 하는 방법 입니다 글씨체가 이쁘면 내가 쓴 글이 더 독보이고 깔끔하고 내가 보기에도 좋고 블로그를 방문하는 사람들에게도 좋습니다 글이 잘 보여야 집중을 해서 잘 읽을수 있기 때문 입니다

내 블로그와 폰트와 맞지 않는 다면은 당장 가독성 좋은 폰트로 바꾸시는걸 추천드립니다


폰트 바꾸기

구글에서 제공하는 폰트 사이트로 이동을 합니다 fonts.google 이라는곳인데 저작권이 없는 무료 폰트를 지원 합니다 나눔고딕 말고도 다양한 폰트가 많습니다 다운로드 받아도 되고 그냥 간단하게 링크 태그로 폰트를 변경 할수 있습니다


CTRL+F 단축키를 눌러서 "Nanum Gothic (Korean)"을 입력해서 검색을 한다

검색이 완료 되면은 Link 와 Example 에 있는 글을 복사 해서 메모장에 일단 붙여넣기를 한다 못찾으시겠다면 제가 올려드린 코드를 복사를 하시면 됩니다


1
2
3
4
< Link >
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
< Example >
font-family: 'Nanum Gothic', sans-serif;
cs



복사한 코드는 HTML/CSS 편집으로 가서 CSS 부분중에 맨 위에다가 Link 코드를 붙여 넣고~


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


font-family: 'Nanum Gothic', sans-serif; 는 body font-family를 주석 처리 하고 붙여 넣는다 이미 있는

폰트 패밀리는와 겹치지 않기 위함이다 그리고 혹시 모를 백업을 위해서 주석으로 처리를 한다 다시 쓰고 싶으면 주석 처리 해제를 하면 된다




폰트는 바뀠고 근데? 폰트 크기가 작다? 간단 합니다 마찬가지로 body 부분 font-size 이부분을 수정 하면 된다 12px 에서 ~

15px 로 바뀌 주면 된다 가장 적합한 폰트 크기다..



반응형

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드