블로그 폰트 (글꼴) 설정방법 추천! 가독성을 높여보자.

블로그 폰트 (글꼴) 설정방법 추천! 가독성을 높여보자.

앞 포스팅에서 eotfast 프로그램을 이용해 네이버 무료 폰트인 맑은 고딕을 eot 파일로 변환을 했습니다.
이번 시간엔 변환된 eot 파일을 티스토리 블로그에 적용 하는 방법을 알아보도록 하겠습니다.

네이버에서 무료로 나누어 주는 나눔 폰트들 가독성이 우수하고 프린트 할 때 잉크가 절약이 된다고 하네요. ^^

네이버 나눔 글꼴 홈페이지 - 바로가기

네이버 나눔 글꼴 적용하기.

네이버에서 배포중인 폰트는 TTF 파일은 PC용 파일입니다.
웹 & 블로그용은 EOT 파일입니다.  TTF 파일을 변화 하셔야 합니다.

변환 방법 보기 : 블로그 폰트 (글꼴) 만들기

티스토리 관리자 모드 접속해주세요.
HTML/CSS 편집 클릭 해주세요.
파일업로드 선택, 추가 버튼을 눌러주세요.

malgun.eot 파일이 추가 된 것을 확인 할 수 있습니다.

HTML/CSS 선택 해주세요.

style.css 위와 같은 소스를 추가하여 줍니다.

 

@font-face {font-family:nanum; src:url(images/malgun.eot)}; body{font-family:nanum; font-size: 12px;} div{font-family:nanum; font-size: 12px;}

 

CSS 나눔글꼴 추가코드.txt

이로써 네이버 나눔 폰트를 설치 완료 되었습니다.


잠깐!. 티스토리 블로그의 일반적인 스킨적용 하신 분들에겐 위 소스 작업 까지 완료되었다면. 블로그의 모든 폰트가 나눔 고딕으로 표시됩니다.  하지만 CSS 에서 개별적으로 글꼴이 설정되어 있는 스킨의 경우 CSS 일일이 찾아서 변경을 해주셔야 합니다.

관련 글 & 도움되는 글 - 구글 웹로그 분석 Google Analytics 설치방법 - 블로그 폰트 (글꼴) 만들기 - 블로그 댓글창 배경 이미지 넣기 - 구글 애드센스 광고위치 내 맘대로 상단 하단 변경 - 애드센스 광고위치 변경 좌측 우측에 애드센스 넣기 - 애드센스 와 뷰 애드박스 동시에 달아보자. - 검색엔진 최적화하는 방법01 - 타이틀 순서 변경 - 검색엔진 최적화하는 방법02 - 페이지 로딩 속도 개선 방법 - 검색엔진 최적화하는 방법03 - 구글 검색엔진 메타태그 설치

쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.