정보실

웹학교

정보실

design 구글 웹폰트 적용시 가끔씩 느려지는 문제

본문

구글 웹폰트를 적용하면 일관된 폰트를 제공할 수 있어 좋기는 한데 가끔씩 CDN이 마냥 느려지는 문제가 발생하는 것 같습니다..

 

결국 이 문제는 해당 폰트를 내려받아 홈페이지서비스 받는 계정에 올리고 직접 연결하는 것이 최선인 것 같습니다..

 

CDN을 이용할 때의 장점은 포기를 해야겠지만 그래도 CDN의 장점을 살릴 수 없는 경우가 자주 발생한다면 어쩔 수 없는 것 같네요...

 

나눔웹폰트의 경우...

관련 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,369회 ]  작성일14-12-15 12:18

웹학교