Skip to content

웹폰트 적용

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

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

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

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

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

- 모빌리스 웹폰트 서비스

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

- 나눔고딕 웹폰트 적용법

요약하면 아래와 같다.

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


    
    ...

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

font-family: 'NanumGothicWeb';

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.