<html>
<head>
<meta http-ｅquiv='Content-Type' content='text/html; charset=EUC-KR'>
<title>웹폰트 적용예제 </title>
<style type="text/css">
<!--
@font-face {font-family:웹폰트; src:url(http://www.fontpia.co.kr/jung9.mwf);}
body,td,a,div,p,pre,input,textarea {font-family:웹폰트;font-size:9pt;line-height:160%;}
a {color:darkblue;text-decoration:none;}
a:hover {color:red;text-decoration:none;}
-->
</style>
</head>
<body>
어떠한 글을 쓰던지 모두 웹정으로 적용됩니다.
</body>
</html>
위의 예제에서 주목해야 할 부분은
@font-face {font-family:웹폰트; src:url(http://www.fontpia.co.kr/jung9.mwf);} <-- 이 태그입니다.
웹폰트 태그인 @font-face를 이용하여 방문자의 컴퓨터에 임시적으로 폰트를 설치하게 됩니다.
예제는 웹정체 9포인트를 사용하였습니다. 따라서 모두 font-size:9pt로 지정된 것입니다.
예제와 같이 스타일시트(CSS)를 사용하는 것이 가장 쉽고 빠른 사용방법입니다. 되도록이면 CSS에 대해 공부를 해보세요. ^^
'Knowledge > Internet·Story' 카테고리의 다른 글
| Internet 속도 Test 및 점검 (0) | 2010.04.15 |
|---|---|
| [스크랩] 블로그 글쓰기툴 - 동시글발행을 위한 원격 글쓰기 API 설정 - 다음 (0) | 2010.04.04 |
| 10 대들의 속어 (0) | 2010.02.21 |
| asx 파일 만들기 (0) | 2010.02.04 |
| Back ground Image- Effect (0) | 2010.02.03 |