본문 바로가기

카테고리 없음

티스토리 꾸미기| 나눔고딕 폰트로 가독성을 높이자!

티스토리 꾸미기 1탄 나눔고딕 폰트로 가독성을 높이는 방법에 대해 알아볼께요

가독성이 좋은 폰트는 모가 있을까 고민하시는분 있죠

저는 네이버의 나눔고딕 폰트를 추천합니다~


티스토리를 쓰시는 분들은 폰트를 바꾼다고 해봐야,, 고작 돋움 아니면 굴림인데요,,

제가 볼땐 돋움이나 굴림보다는 나눔고딕이 좀 더 가독성이 좋게 느껴집니다


그래서 이번에는 티스토리에서 나눔고딕 폰트를 설치하는 법을 빠르고 쉽게 얘기해볼꼐요


* 일단 아래에 나눔고딕 폰트를 다운로드 받아 주세요


 나눔고딕 폰트 다운로드받기

NanumGothic.eot




티스토리 관리자 >> 꾸미기 - HTML/CSS 편집 >> 파일업로드

▼ 다운로드 받은 '나눔고딕 파일'을 추가해주세요


파일업로드에서 나눔 고딕 파일을 추가해주신후에 



▼ HTML/CSS >> style.css 화면의 최상단에 아래와 같은 코드(텍스트)를 입력해주세요



@font-face {font-family:나눔고딕; src:url(images/NanumGothic.eot)};

body{font-family:나눔고딕; font-size: 13px;}

div{font-family:나눔고딕; font-size: 13px;}


혹시라도 복사 붙여넣기가 안되서 직접 타이핑 하시는 번거로움을 없애드리기 위해

▼ 텍스트 파일로 첨부해놓았습니다


티스토리폰트.txt



본문 폰트만 바꾸고 싶으신 경우 

위의 본문 공통 아래 부분에만 나눔고딕을 넣어주시면 됩니다..





그리고 모든 문자들(본문 외)의 폰트를 나눔고딕으로 변경하고 싶으신 경우,






Ctrl+F를 누르신 후 'font'를 검색하셔서 모든 부분을 나눔고딕으로 바꾸거나 넣어주시면


▼ 전부 나눔고딕으로 변경이 되요.







그리고 본문 상에서 나눔고딕을 사용하기 위해서는 돋움 부분을 그대로 두고

▼ 폰트 크기와 색상을 바꾸셔야 되요.



그리고 미리보기를 해보시면 나눔고딕이 적용된걸 보실수 있어요.


글쓰는 동안에는 돋움으로 보일수 있으니까 걱정하지마세요~.




폰트를 변경 하시면 다시 나눔고딕으로 변경 할수가 없어요.

여기까지 티스토리꾸미기| 나눔고딕 폰트로 가독성을 높이는 방법에 대해 알아봤습니다.