그누보드팁 | 나만 빼고 다 아는 웹폰트 사용법(1)

[그누보드] 나만 빼고 다 아는 웹폰트 사용법(1)

웹스터디 / 2011.12.18 00:17 / hit 3,932 추천 0
http://api.mobilis.co.kr/webfonts/ (411)

웹폰트는 *.eot 파일이며 인터넷 익스플로어(IE)에서만 사용할 수 있는 단점이 있습니다.

이런 단점 때문에 새롭게 나온 웹폰트 파일이 *.woff 파일이며

이 WOFF 파일은 현존하는 대부분의 브라우저를 지원합니다. 심지어 아이폰에서도 아주 잘 나옵니다.

이 WOFF 파일을 지원해주는 곳이 있는데 이곳이 바로 모빌리어스 웹폰트 입니다.

현재 나눔폰트(고딕, 명조, 손글씨)를 비롯한 40여 폰트를 지원합니다.

내 서버에 폰트 파일을 올리지 않아도 사용할 수 있어서 트래픽의 걱정도 없습니다.

아직까지 그누보드에서 소개되지 않아서 글 한번 남겨봅니다.

모빌리스 웹폰트 서비스

그림이 아닌 진짜 폰트를 사용해 보세요!!!

웹페이지 디자인에서 타이포그라피가 중요해 지면서, 다양한 폰트를 이용하고자 하는 요구도 커가고 있습니다. 그러나 웹브라우저마다 다른 폰트 방식과 한글폰트 파일의 크기로 인해 웹페이지에서 원활한 한글폰트 이용이 어려웠습니다. 이로 인해 웹페이지 디자이너가 한글폰트가 아닌 그림을 이용해 웹페이지에서 타이포그라피를 구현하는 것이 일반적인 현상이 되었습니다.

모빌리스 웹폰트 서비스는 웹페이지 디자이너뿐만이 아니고 개인들도 블로그나 홈페이지에 그림이 아닌 진짜 폰트를 쉽게 이용할 수 있도록 해줍니다. 무거운 한글 웹폰트를 가볍게 전송해 주고, 웹페이지 방문객의 웹브라우저가 무엇이든 관계없이 동일한 웹폰트를 방문객에게 보여줍니다. 무료로 사용할 수 있는 아래 웹폰트 목록에서 마음에 드는 웹폰트를 선택하면, 어떻게 웹폰트를 사용할 수 있는지 자세히 설명해 드립니다.

모빌리스 웹폰트 서비스는 개인 또는 비영리조직에 한해서 자유롭게 이용할 수 있습니다. 단, 폰트 자체는 각 폰트 저작권자의 라이선스 정책에 따릅니다. 기업 및 상업용 사이트의 경우 이메일(sales@mobilis.co.kr)로 문의 바랍니다.

웹개발자들을 위해 jQuery 플러그인으로 작성된 정교한 웹폰트 라이브러리도 함께 제공합니다.

사용방법(나눔고딕적용)

1. <head></head>사이에 추가

2. style.css

body {font-family:'NanumGothicWeb';}