구글을 이용한 나눔고딕 웹폰트 사용법
그누보드의
style.css 을 열어서
제일 상단에 아래와 같이 넣어 주시면, 사용이 가능합니다.
1) style.css 파일을 열어서 제일 상단에 삽입
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
2) style.css 에서 "body,input,button" 부분에 추가해줍니다.
body,input,button{ font:12px/18px 'Nanum Gothic' ~~
만약, 글자을 좀더 작게 보고 싶으시다면
body,input,button{ font:11px/18px 'Nanum Gothic' ~~
이렇게 하시면 바로 적용이 됩니다.
3) 장점은 폰트을 구글쪽 서버을 이용하다보니
트래픽이 기존과 동일하게 적용이 됩니다....^-^
style.css 을 열어서
제일 상단에 아래와 같이 넣어 주시면, 사용이 가능합니다.
1) style.css 파일을 열어서 제일 상단에 삽입
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
2) style.css 에서 "body,input,button" 부분에 추가해줍니다.
body,input,button{ font:12px/18px 'Nanum Gothic' ~~
만약, 글자을 좀더 작게 보고 싶으시다면
body,input,button{ font:11px/18px 'Nanum Gothic' ~~
이렇게 하시면 바로 적용이 됩니다.
3) 장점은 폰트을 구글쪽 서버을 이용하다보니
트래픽이 기존과 동일하게 적용이 됩니다....^-^
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 18개
왜 @import 가 좋지 않은가 하면, 로딩을 느려지게 하기 때문이죠.
http://sir.co.kr/bbs/board.php?bo_table=ds_tip&wr_id=451&page=25
그나저나 디자이너 팁자료실은 완전 쓰레기통이네요.. -..-;;;
스팸글이 수백개는 쌓인듯...
그런데, 과거(?)에는 내려 받은 속도랑 화면에 적용되는 시간이 좀 걸리는데
( 아직도 화면이 내용이 많은 경우나 css 적용이 많은 경우 느리기는 하지만 )
요즘은 그나마 좀 낳은데다 사용자에게 주는 가독성이 돋움체보다는
훨 낳고, 구글에서 Cache 기능을 저 폰트에 적용해놔서 처음에만 내려 받으니
두번째부턴 빨리 적용되서 저는 적용해 보려구요...
또 좋은 방식이 있었네요..감사합니다.
import 을 사용하는 장점중에 하나가
백그라운드로 실행된다라는것을 본 기억이 있어서
저는 import 을 사용하려구요....ㅋ
정리가 되서 그런지는 모르겠지만요...
디자이너 팁자료실에 Q 게시글이 있는거는 눈에 거슬리긴 하네요.
신고 누르기도 뭐하고... 쩝..