잠시만 기다려 주세요


 
HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (796)  |  추천 및 재미 (68)  |  자료실 (17)  |  끄적거림 (464)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2019년 09월 20일
몸은 두려움에서 도피를 꿈꾼다. 하지만 난.. 그것들을 극복해 내야 한다. - 바다아이
 




    html/css/xml

html/css/xml - 웹 사이트 홈페이지 구글 font 폰트 나눔 고딕 사용하기
이 름 : 바다아이   |   조회수 : 2815         짧은 주소 : https://www.bada-ie.com/su/?541523073071

- 폰트 -

나눔고딕 : https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css

나눔바른고딕  : https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css

나눔고딕(코딩) : https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css

나눔명조 https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css

나눔펜(손글씨) https://cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css

나눔브러시(손글씨) : https://cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css


위에 경로를 이용하시는 것이 속도에 좋습니다.
jsdelivr.net 는 서울에도 서버가 있습니다. 구글과 비교해 보면 50배 정도 속도가 더 빠릅니다.
구글에서 링크하지 마시고 위에 주소를 이용하세요...
폰트 이름은 해당 링크 브라우저로 접속해 보시면
font-family 이름 보일 겁니다.



CSS안에 아래 스크립트를 삽입하여 웹 폰트를 적용합니다. 
그리고 css 작업 하실 때, Nanum Gothic 이란 것을 사용하시면 되겠습니다.

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

폰트를 적용할 요소에 아래와 같이 CSS 폰트 속성을 넣어 적용할 수 있습니다.

body { font-family: 'Nanum Gothic', serif; }


p.s
실제 css 링크 따라가서 내용을 보면 아래 처럼 되어 있습니다.
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

| |


      1 page / 2 page
번 호 카테고리 제 목 이름 조회수
42 html/css/xml html tab , .... 바다아이 734
41 html/css/xml css on/off , toggle switch , 바다아이 819
40 html/css/xml pt, px, em, %, font 바다아이 897
39 html/css/xml (font face) 바다아이 1179
38 html/css/xml .... 바다아이 1270
37 html/css/xml html MIME ... 바다아이 1261
36 html/css/xml ckeditor ajax .... 바다아이 1313
35 html/css/xml [] , 바다아이 1386
34 html/css/xml , , , ico 바다아이 1357
33 html/css/xml input , autocomplete 바다아이 1353
32 html/css/xml [CSS] , border-radius, 바다아이 1756
31 html/css/xml ckeditor 4 ... 바다아이 2054
30 html/css/xml HTTP/2 ? 바다아이 1859
29 html/css/xml HTTP/2 ? 바다아이 1748
28 html/css/xml xml .... sitemap.xml 바다아이 1835
27 html/css/xml ckeditor config.js .... 바다아이 2098
26 html/css/xml 바다아이 2076
25 html/css/xml 바다아이 1888
24 html/css/xml , border 바다아이 1954
23 html/css/xml , 바다아이 1916
22 html/css/xml (= HTML ), entity code 바다아이 2515
21 html/css/xml (Won;) (;Backslash; ) , , 바다아이 2216
20 html/css/xml 바다아이 1950
19 html/css/xml / / 바다아이 2228
18 html/css/xml css3 ... demo . ^^; 바다아이 1895
17 html/css/xml mouse over , Hover Fade Effect using CSS 바다아이 2887
16 html/css/xml [html] TD TR , mouse over 바다아이 2157
15 html/css/xml , (marquee) 바다아이 2248
14 html/css/xml scroll , 바다아이 2144
13 html/css/xml ckeditor , , 바다아이 3215
| |






Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : 서울 Amazon Lightsail  실행시간 : 0.01811
to webmaster... gogo sea. gogo sea.