[블로그] 웹폰트로 개성있는 블로그를 만들자! (Web Fonts)

구글과 모빌리스에서 제공하는 웹 폰트 적용으로 블로그의 개성을 표현하세요.

블로그에서 가장 눈에 띄는 건 무얼까요?
네. 글씨입니다.
내용을 보려고 들어오니, 글씨가 가장 먼저 눈에 들어오죠.
가장 중요한 부분임에도, 개성을 표현하기가 쉽지 않습니다.
한글의 경우 굴림, 돋움, 궁서, 바탕에 맑음 고딕까지 다섯 가지 폰트가 기본으로 쓰여요.
단지 한글을 보여주는 목적에는 충분하지만, 뭔가 약간 아쉽습니다.
블로그에 변화를 주고 싶으신가요?
웹폰트를 이용해서 블로그의 개성을 표현해 보세요.

 

구글 웹 폰트

구글에서는 무려 342종의 다양한 폰트를 웹폰트로 제공합니다.

아쉽게도 아직 한글 글꼴은 제공하지 않네요.


구글 웹폰트 사용법

<head>
<link href='http://fonts.googleapis.com/css?family=웹폰트_이름' rel='stylesheet' type='text/css'>
</head>

모빌리스 웹폰트

모빌리스에서는 나눔글꼴, 혜움글꼴, 은글꼴, 백묵글꼴, 렉시글꼴, 은진글꼴을 웹폰트로 제공합니다.


모빌리스 웹폰트 사용법

<head>
<link href='http://api.mobilis.co.kr/webfonts/css/?fontface=웹폰트_이름' rel='stylesheet' type='text/css' />
</head>

스타일 시트에 웹폰트 적용 하기 (body태그에 적용하는 예제입니다.)

웹폰트 이름 뒤에는 웹 폰트를 찾지 못할 경우 사용할 폰트 이름을 넣어주세요.

예제에선 selif를 넣었습니다.

<style type="text/css">
body { font-family: '웹폰트_이름',selif; }
</style>



by


Tags : , , , ,

  • 재미있게 읽으셨나요?
    방랑자의 이야기.
    월풍도원에선 기부를 받습니다.