구글을 이용한 나눔고딕 웹폰트 사용법 정보
구글을 이용한 나눔고딕 웹폰트 사용법
본문
그누보드의
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) 장점은 폰트을 구글쪽 서버을 이용하다보니
트래픽이 기존과 동일하게 적용이 됩니다....^-^
추천
3
3
댓글 18개
좋은 정보네요^^
감사합니다. 잘 사용하겠습니다.
좋은 정보입니다.
@import 에 대한 논란이 좀 있는데, @import 는 best practice 가 아니라고 합니다.
왜 @import 가 좋지 않은가 하면, 로딩을 느려지게 하기 때문이죠.
http://sir.co.kr/bbs/board.php?bo_table=ds_tip&wr_id=451&page=25
그나저나 디자이너 팁자료실은 완전 쓰레기통이네요.. -..-;;;
스팸글이 수백개는 쌓인듯...
왜 @import 가 좋지 않은가 하면, 로딩을 느려지게 하기 때문이죠.
http://sir.co.kr/bbs/board.php?bo_table=ds_tip&wr_id=451&page=25
그나저나 디자이너 팁자료실은 완전 쓰레기통이네요.. -..-;;;
스팸글이 수백개는 쌓인듯...
맞은 말씀이세요...
그런데, 과거(?)에는 내려 받은 속도랑 화면에 적용되는 시간이 좀 걸리는데
( 아직도 화면이 내용이 많은 경우나 css 적용이 많은 경우 느리기는 하지만 )
요즘은 그나마 좀 낳은데다 사용자에게 주는 가독성이 돋움체보다는
훨 낳고, 구글에서 Cache 기능을 저 폰트에 적용해놔서 처음에만 내려 받으니
두번째부턴 빨리 적용되서 저는 적용해 보려구요...
그런데, 과거(?)에는 내려 받은 속도랑 화면에 적용되는 시간이 좀 걸리는데
( 아직도 화면이 내용이 많은 경우나 css 적용이 많은 경우 느리기는 하지만 )
요즘은 그나마 좀 낳은데다 사용자에게 주는 가독성이 돋움체보다는
훨 낳고, 구글에서 Cache 기능을 저 폰트에 적용해놔서 처음에만 내려 받으니
두번째부턴 빨리 적용되서 저는 적용해 보려구요...
링크을 타고 가보니...허거덩 ... cshop 님께서 벌써....^-^
또 좋은 방식이 있었네요..감사합니다.
import 을 사용하는 장점중에 하나가
백그라운드로 실행된다라는것을 본 기억이 있어서
저는 import 을 사용하려구요....ㅋ
또 좋은 방식이 있었네요..감사합니다.
import 을 사용하는 장점중에 하나가
백그라운드로 실행된다라는것을 본 기억이 있어서
저는 import 을 사용하려구요....ㅋ
지금 디자이너 팁자료실 가보니... 스팸글은 보이지 않네요.
정리가 되서 그런지는 모르겠지만요...
디자이너 팁자료실에 Q 게시글이 있는거는 눈에 거슬리긴 하네요.
신고 누르기도 뭐하고... 쩝..
정리가 되서 그런지는 모르겠지만요...
디자이너 팁자료실에 Q 게시글이 있는거는 눈에 거슬리긴 하네요.
신고 누르기도 뭐하고... 쩝..
css 파일을 열어보면 NanumGothic-Bold, NanumGothic-Regular, NanumGothic-ExtraBold 이렇게 세개가 있던데 실제 웹에 적용할려면 어떻게 해야하나요?
위의 본문대로 작성하시면 알아서 적용됩니다...^-^
감사합니다.
감사합니다. ㅎㅎ
고맙습니다 ^^
감사합니다.
좋은정보네요
좋은 정보 감사합니다.
감사합니다.
감사합니다~^^
잘 적용되네요! 감사합니다^^
