구글을 이용한 나눔고딕 웹폰트 사용법
그누보드의
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개
12년 전
좋은 정보네요^^
12년 전
감사합니다. 잘 사용하겠습니다.
12년 전
좋은 정보입니다.
cshop2
12년 전
@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
그나저나 디자이너 팁자료실은 완전 쓰레기통이네요.. -..-;;;
스팸글이 수백개는 쌓인듯...
12년 전
맞은 말씀이세요...
그런데, 과거(?)에는 내려 받은 속도랑 화면에 적용되는 시간이 좀 걸리는데
( 아직도 화면이 내용이 많은 경우나 css 적용이 많은 경우 느리기는 하지만 )
요즘은 그나마 좀 낳은데다 사용자에게 주는 가독성이 돋움체보다는
훨 낳고, 구글에서 Cache 기능을 저 폰트에 적용해놔서 처음에만 내려 받으니
두번째부턴 빨리 적용되서 저는 적용해 보려구요...
그런데, 과거(?)에는 내려 받은 속도랑 화면에 적용되는 시간이 좀 걸리는데
( 아직도 화면이 내용이 많은 경우나 css 적용이 많은 경우 느리기는 하지만 )
요즘은 그나마 좀 낳은데다 사용자에게 주는 가독성이 돋움체보다는
훨 낳고, 구글에서 Cache 기능을 저 폰트에 적용해놔서 처음에만 내려 받으니
두번째부턴 빨리 적용되서 저는 적용해 보려구요...
12년 전
링크을 타고 가보니...허거덩 ... cshop 님께서 벌써....^-^
또 좋은 방식이 있었네요..감사합니다.
import 을 사용하는 장점중에 하나가
백그라운드로 실행된다라는것을 본 기억이 있어서
저는 import 을 사용하려구요....ㅋ
또 좋은 방식이 있었네요..감사합니다.
import 을 사용하는 장점중에 하나가
백그라운드로 실행된다라는것을 본 기억이 있어서
저는 import 을 사용하려구요....ㅋ
12년 전
지금 디자이너 팁자료실 가보니... 스팸글은 보이지 않네요.
정리가 되서 그런지는 모르겠지만요...
디자이너 팁자료실에 Q 게시글이 있는거는 눈에 거슬리긴 하네요.
신고 누르기도 뭐하고... 쩝..
정리가 되서 그런지는 모르겠지만요...
디자이너 팁자료실에 Q 게시글이 있는거는 눈에 거슬리긴 하네요.
신고 누르기도 뭐하고... 쩝..
12년 전
css 파일을 열어보면 NanumGothic-Bold, NanumGothic-Regular, NanumGothic-ExtraBold 이렇게 세개가 있던데 실제 웹에 적용할려면 어떻게 해야하나요?
12년 전
위의 본문대로 작성하시면 알아서 적용됩니다...^-^
12년 전
감사합니다.
12년 전
감사합니다. ㅎㅎ
12년 전
고맙습니다 ^^
12년 전
감사합니다.
bbdbabdbu
12년 전
좋은정보네요
12년 전
좋은 정보 감사합니다.
12년 전
감사합니다.
12년 전
감사합니다~^^
11년 전
잘 적용되네요! 감사합니다^^
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3009 | 12년 전 | 5160 | ||
| 3008 |
Odysseus
|
12년 전 | 5473 | |
| 3007 | 12년 전 | 10498 | ||
| 3006 | 12년 전 | 11270 | ||
| 3005 | 12년 전 | 2999 | ||
| 3004 |
프리랜서클럽
|
12년 전 | 23862 | |
| 3003 | 12년 전 | 5118 | ||
| 3002 |
NTYPE
|
12년 전 | 5210 | |
| 3001 | 12년 전 | 3725 | ||
| 3000 | 12년 전 | 7229 | ||
| 2999 | 12년 전 | 4111 | ||
| 2998 | 12년 전 | 4425 | ||
| 2997 | 12년 전 | 4451 | ||
| 2996 | 12년 전 | 2571 | ||
| 2995 | 12년 전 | 9737 | ||
| 2994 | 12년 전 | 22185 | ||
| 2993 | 12년 전 | 6087 | ||
| 2992 | 12년 전 | 3760 | ||
| 2991 | 12년 전 | 4078 | ||
| 2990 | 12년 전 | 3655 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기