구글을 이용한 나눔고딕 웹폰트 사용법
그누보드의
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와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3289 | 9년 전 | 4819 | ||
| 3288 | 9년 전 | 5803 | ||
| 3287 |
 뜨거운형제들 |
9년 전 | 3508 | |
| 3286 |
또치하우스
|
9년 전 | 12303 | |
| 3285 | 9년 전 | 11506 | ||
| 3284 |
다람쥐7마리
|
10년 전 | 4685 | |
| 3283 |
블랙초콜렛더블샷
|
10년 전 | 5975 | |
| 3282 |
또치하우스
|
10년 전 | 10273 | |
| 3281 | 10년 전 | 9789 | ||
| 3280 | 10년 전 | 4995 | ||
| 3279 | 10년 전 | 4275 | ||
| 3278 | 10년 전 | 5359 | ||
| 3277 |
 서민대통형 |
10년 전 | 5268 | |
| 3276 | 10년 전 | 5781 | ||
| 3275 | 10년 전 | 4352 | ||
| 3274 | 10년 전 | 5595 | ||
| 3273 | 10년 전 | 6910 | ||
| 3272 | 10년 전 | 7223 | ||
| 3271 | 10년 전 | 4938 | ||
| 3270 |
 익명닉네임 |
10년 전 | 5406 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기