Tuesday, December 13, 2016

구글 웹폰트 아이폰 사파리에서도 보이게 하기

Written by   on   in ,   with No comments
구글 웹폰트를 웹페이지에서 구현하기 위해 CSS부분에다가

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

요런식으로 하면 구글 크롬에서는 보이지만 아이폰 사파리에서는 보이지 않는다. (현재 IOS 10.2)

저 부분을 없애버리고 대신 html <head>부분에다가

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/earlyaccess/nanumpenscript.css"></link>

요렇게 잡아주어야 아이폰 사파리에서도 잘 적용된다.

나머지 CSS에서 쓰는 것은 일반적인 방법과 동일하다.

※ 아, 물론 구글 블로거에서만 테스트 해 본 것임.



Share:

0 comments:

Post a Comment