프리랜서 웹디자이너 무료폰트 RELATION.CO.KR

RELATION 로고

홈페이지 소스

[HTML] 웹폰트의 사용법

2006.06.21
설명: 웹폰트의 작동원리는 간단합니다.

DHTML의 태그에는 @font-face 라는 것이 있습니다.

웹폰트는 이 @font-face 태그를 이용합니다.

문법은

<style type=text/css>
<!--
@font-face {font-family:폰트이름; src:url(웹폰트로 사용할 파일의 주소);}
-->
</style>

위 문장의 의미는 :

url에 있는 폰트파일을 이용하여, 임시적으로 "폰트이름"으로 지정된 폰트를

방문자의 컴퓨터에 설치하라는 문장입니다.

위 한줄의 문장으로 방문자의 컴퓨터에는 해당폰트가 임시적으로 설치됩니다.

이제 폰트가 설치되었으니, 해당폰트를 사용하기만 하면 됩니다.

사용 방법은 다음과 같습니다.

<font style="font-family:폰트이름; font-size:사이즈pt">내용</font>

이 포스트 공유하기

글수정  글삭제 전체목록