자료실

Noto Sans KR 웹폰트

하나솔루션
2020-04-08 14:33:07
hit1053
1.245.146.49

font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

CDN 코드로

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); font-family: 'Noto Sans KR', sans-serif;

를 Style Sheet에 추가해서

font-family: 'Noto Sans KR', sans-serif;

로 정의해서 사용하면 된다 !!

하지만 inport url에 있는

주소를 통해 들어가보면

포멧이

format('woff2');

이것만 선언되어있데

이렇게 되면 익스플로어에서

사용할 수가없다 ..

크롬과 사파리 등등에서는

사용할 수 있는데 익스플로어에서는

사용안됨 !!! ㅠㅠㅠ

두둥 ..

웹폰트의 확장자를

OTF(OpenType Font) / TTF(TrueType Font)

SVG/SVGZ (Scalable Vector Graphics (Font)

꼭 주의해야할 점이라 할 수 있는데 ~

익스플로어엔 나오고 크롬에선 안나오거나

WOFF는 크롬6+,Firefox 3.6+, IE 9+, Safari5.1+

등등 해당 브라우저에서 사용하려면

<a data-cke-saved-href="http://m.gfmarket.naver.com/sticker/detail/code/moon_and_james" href="http://m.gfmarket.naver.com/sticker/detail/code/moon_and_james" target="_blank" "="" style="text-decoration-line: none;">유저들이 있는데 그 소스를 공유해본다

게시글 공유 URL복사 Twitter Facebook

출력