{ 태그에 닫는 태그가 없습니다. error :295 대전홈페이지제작 하나솔루션 Noto Sans KR 웹폰트
즐겨찾기

로고

전화걸기 토글 검색 토글 상단로그인 토글 네비게이션
디자인검색
A/S 신청하기
Home > 고객센터 > 자료실

자료실

카테고리

자료실 Noto Sans KR 웹폰트
2020-04-08 14:33:07
하나솔루션 조회수 243
1.245.146.49
Twitter Facebook Mypage
http://www.hanasolution.net/bbs/order_ad/90729

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

 

 

prev 참고자료

prev 나눔고딕css적용과 나눔바른고딕css적용

목록 프린트
빠른 견적상담

HANASOLUTION

  • 상호 : 하나솔루션
  • 대표자: 정지혜
  • 주소: 대전광역시 서구 둔산중로 19 (탄방동, 샤크존) F15호
  • TEL. 1544-4928
  • FAX. 042-367-1040
  • hana07@kakao.com
  • 사업자 등록번호: 772-43-00228
  • 통신판매 신고번호: 2017-대전서구-0503
  • Copyright(c) 하나솔루션. All Rights Reserved.

SERVER LOCATION

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

이미지명

WORKING HOURS

  • 평일 : 오전9:00~오후 7:00
  • 점심 : 오후12:30~오후 2:00
  • 토.국경일 휴무

NAME SERVER

 1    ns1.webit.kr
  211.215.17.210
 2    ns1.webit.kr
  211.215.17.212
사업자등록증다운받기
통장사본 다운로드
상단으로 바로가기