웹폰트 적용

2013년 2월 19일 모빌리스 웹폰트 서비스가 정식으로 오픈했다.

테스트의 경우와 소규모 비영리 개인 또는 커뮤니티일 경우만 무료라고 하는데, 이 블로그의 경우 무료 호스팅 대상일지 기본 호스팅 대상일지 헷갈린다. 그래서 요즘 제대로 보였다 안보였다 하나보다. 참고들 하시길!

인터넷을 돌아다니다가 우연찮게 웹폰트 적용하는 법을 알게 됐다.

워드프레스 테마 바꾸기와 한글 폰트 바꾸기 by 베누시안

위 글을 통해 아울러 알게 된 유용한 곳도 있다.

모빌리스 웹폰트 서비스

적지 않은 폰트들이 있었지만, 눈에 익숙해져있던 나눔고딕 폰트를 최종적으로 선택하여 적용했다.

나눔고딕 웹폰트 적용법

요약하면 아래와 같다.

1. <head>와 </head> 사이에 아래 코드를 입력한다. 둘 이상의 웹폰트 지정도 가능하나 파일 크기가 커지는 단점이 있어서 최대 두 개의 웹폰트 지정을 권장한다고 한다.

<head>
    <link href="http://api.mobilis.co.kr/webfonts/v2/css/NanumGothicWeb"
        rel="stylesheet" type="text/css" />
    ...
</head>

2. 원하는 CSS에 아래처럼 적용하면 끝!!!

font-family: 'NanumGothicWeb';

 

댓글 남기기

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.