{ 태그에 닫는 태그가 없습니다. error :295 대전홈페이지제작 하나솔루션 Noto Sans KR 웹폰트
디자인검색
Home > 고객센터 > 자료실

자료실

자료실 Noto Sans KR 웹폰트
2020-04-08 14:33:07
하나솔루션 조회수 155
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)

 

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

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

상황이 생기면 난감 하겠지?

다양한 브라우저에 맞추어

정의 해야하는데 !!

EOT는 IE8 이하버전

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;">유저들이 있는데 그 소스를 공유해본다

 

 

HANASOLUTION

SERVER LOCATION

서울시 서초구 서초동 1710-1 SK 브로드밴드 IDC 1층

이미지명

WORKING HOURS

NAME SERVER

 1    ns1.webit.kr
  211.215.17.210
 2    ns1.webit.kr
  211.215.17.212
상단으로 바로가기