글꼴 나눔고딕, 맑은고딕 글꼴 웹폰트 적용으로 블로그 가독성 높이기
페이지 정보
작성자
본문
나눔글꼴은 애초에 웹폰트로서 파일이 존재하지 않는다. 그러나 WWW상에 수많은 사람들이 이미 변환 프로그램을 통해서 웹에서 사용가능한 상태로 변환하여 재배포하고 있기 때문에 변환을 직접해주는 수고는 하지 않아도 된다.
나눔고딕 웹폰트 파일을 다운로드 받아서 나눔고딕체를 설정하기 원하는 블로그의 스킨 파일 업로드 공간에 업로드한다.
업로드를 정상적으로 완료하였으면 업로드한 나눔고딕 글꼴의 경로는 블로그 내에서 images/NanumGothic.eot가 될 것이다.(티스토리 기준)
나눔고딕의 웹폰트 파일의 업로드를 끝냈다면 그다음으로 스킨- HTML/CSS 편집에서 style.css부분을 수정해주어야한다.
위 내용을 style.css 부분에서 가장위에 붙여넣기 한다.
그 이후에는 스킨마다 다르지만, 본문, 메뉴, 방명록, 댓글 등에 설정되어있는 글꼴 설정에서 NanumGothic 글꼴로 설정을 바꾸어주면 된다.
나눔고딕 웹폰트 파일을 다운로드 받아서 나눔고딕체를 설정하기 원하는 블로그의 스킨 파일 업로드 공간에 업로드한다.
업로드를 정상적으로 완료하였으면 업로드한 나눔고딕 글꼴의 경로는 블로그 내에서 images/NanumGothic.eot가 될 것이다.(티스토리 기준)
나눔고딕의 웹폰트 파일의 업로드를 끝냈다면 그다음으로 스킨- HTML/CSS 편집에서 style.css부분을 수정해주어야한다.
@font-face {font-family:NanumGothic; src:url(images/NanumGothic.eot);}
위 내용을 style.css 부분에서 가장위에 붙여넣기 한다.
그 이후에는 스킨마다 다르지만, 본문, 메뉴, 방명록, 댓글 등에 설정되어있는 글꼴 설정에서 NanumGothic 글꼴로 설정을 바꾸어주면 된다.
첨부파일
- NanumGothicExtraBold.zip (848.8K) 85회 다운로드 | DATE : 2011-05-17 16:58:47
- MalgunGothic.zip (424.9K) 141회 다운로드 | DATE : 2011-05-17 16:58:47
댓글목록
등록된 댓글이 없습니다.