테스트 사이트 - 개발 중인 베타 버전입니다

웹폰트 나눔고딕 쓰는법

· 13년 전 · 2033 · 12
소스참조^^
폰트는 기본폰트 밖에 사용못하죵
하지만 웹폰트 소스를 추가하여 모든 사용자들에게 나눔고딕체로 보여주기

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 12개

감사합니다
자바소스만 있던데 적용태그는어떻게 넣어줘야하나요?
13년 전
감사합니다
대략 병맛이군요.

@font-face {
font-family: 'NanumGothic';

font-style: normal;
font-weight: normal;
src: local('NanumGothic'), local('나눔고딕'), url('http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.woff') format('woff');

}

내 css 에 이렇게만 넣으면 되는걸 왜 쓰잘데 없이 fontface.kr 에 있는 css 를 불러오나요? -..-;;

더 좋은 방법은 내 서버에 있는 woff 를 불러오는거구요. 더 좋은 방법이라기 보단,.. 훔.. 속도 비교 해보고 결정하면 되죠....

css 로 나눔고딕 웹폰트를 쓰고 싶으면 그냥 css 로 지정해주면 되지 css 를 왜 js 로 로딩해 주는건지 이해불가...

바보놀이 하는것도 아니구... OTL


http://fontface.kr/ 이 사이트 거의 사기꾼 수준인데요? 설마 크라이스트 란분 저 사이트 주인장은 아니시지요? ㅎㅎㅎ
13년 전
억..주인장 아닌데..ㅎㅎ 스크립트 호출해주시고 font-family:NanumGothic css에 넣어주시면 바뀝니다.
13년 전
그냥 나눔폰트를 css에 넣어주면 다른 사용자에게 나눔폰트가 window기본폰트가 아니기때문에 나눔폰트가 출력이 되지않습니다. 그래서 외부 호출로통하여 나눔고딕을 표현하는겁니다.
다른 방법이 있으면 그방법을...
저는 이방법 밖에 몰라서...
흠냐...

안되긴 뭐가 안된다는건지...

예제 위에 적어 드렸잖아요. html을 잘 모르시나요?

html까지 써드려요?

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
@font-face {
font-family: 'NanumGothic';
font-style: normal;
font-weight: bold;
src: local('NanumGothic'), url('http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.woff') format('woff');
h1 {font-family: 'NanumGothic', Helvetica, Verdana, Sans-Serif;}
</style>

<h1>나눔고딕</h1>

글구, 나눔고딕 말고도 어느 무료 한글 폰트라도 (구글 api 에 호스트 되어 있지 않은 경우) woff 로 직접 만들어 쓰시면 되는겁니다. 웹폰트 적용이나 그냥 폰트 적용이나 css 작성은 똑같은거에요.

근데 한글 웹폰트는 (가독성?) 암튼 눈아프다고/읽기 힘들다고 방문자들이 다들 싫어하세요. 본인만 모를뿐이지. 내 컴에서 웹폰트가 잘 보인다고 다른 resolution 의 다른 컴에서도 잘보이는게 아닙니다.. -..-;; 한글은 문제가 많아요..
감사합니다
13년 전
감사합니다

cshop//말 좀 가려하면 어디 덧나나요?
떠난신다며 그냥 좀 떠나지 왜이리 새벽 부터 보는 사람 기분을 엉망으로 만드시는지
나이도 많으신걸로 아는데.
커뮤니티에서는 손가락 있어도 치고 싶은 말 다 치면 안되는 거에요.
분명 예의 범절 교육을 받았으면 안그럴텐데
모 근본없이 다른 나라에서 자랐으면 그럴수도 있구요
당신 저번에도 말 이렇게 싹수 없이 했다가 싸움 난적 많지 않나요?? 좀 고쳐요

게시글 목록

번호 제목
8050
8048
19969
19968
19967
19966
19965
19964
19963
19962
19961
28345
31017
19960
19959
19958
19957
8039
8035
8029
28344
28339
8019
28338
8017
8010
8007
8004
8003
28332
28322
7999
28317
20956
7992
20945
28314
20936
20931
7986
20925
7982
7979
7978
7975
28307
7973
7966
28305
7963
28300
7961
28297
28295
7959
19948
19947
28292
31016
19946
19945
28286
7958
7956
7952
7946
28285
28283
19943
7944
7936
7931
28279
24666
24663
7928
7923
19941
28274
28257
28249
28248
7914
7912
7911
20912
7908
31755
28233
28232
28228
7903
28217
20900
24662
20891
20882
19936
20853
31011