모빌리스 글꼴을 이용하여 웹페이지 글자를 자유롭게

여러가지 팁 2012.02.08 19:08
자신의 블로그 또는 홈페이지를 OS 시스템 글꼴을 사용할 경우 다음과 같은 문제점이 발생할 수 있다.
  • 웹페이지를 볼 때, 맥 OS와 윈도우 OS의 글꼴이 다르다.
  • 나만의 글꼴로 서비스 하는데, 알고보니 글자가 깨져서 보인다.
모빌리스 회사에서 제공하는 웹 글꼴 서비스를 이용하여 이 문제를 해결할 수 있다.
그리고 중요한 점은 글꼴을 다운받아 설치하는 방식이 아니다.
다만 약간의 프로그래밍 지식만 있으면 되고, 따라하기가 쉽다는 점이 장점이다.
마지막으로 개인 또는 비영리 조직에 한해서 자유롭게 사용할 수 있다.

링크 :  http://api.mobilis.co.kr/webfonts/?font_group=Nanum 


설치방법은
웹 브라우져와 상관없이 HTML 문서에 웹 폰트 API를 호출하면 된다.

<link href='http://api.mobilis.co.kr/webfonts/css/?fontface=UnDotumWeb'
rel='stylesheet' type='text/css' />   


H1 태그에 사용 예

<style type="text/css">

    h1 { font-family: 'Un DotumWeb'; }
</style> 


CSS 적용 예

.h1 {
    font-family: 'UnDotumWeb'



 어떤가? 쉽지 않은가?
저작자 표시 비영리 동일 조건 변경 허락
신고

설정

트랙백

댓글


티스토리 툴바