MyPage에서 구매한 웹폰트를 다운로드 합니다.
이제 저장한 웹폰트(*.mwf) 파일을 고객님의 계정에 업로드 해야 합니다.
계정에 업로드 하는 방식은 파일매니져나 FTP프로그램을 이용하여, 기존의 HTML파일이나 그림파일(*.jpg, *.gif)들을 올려놓은 것과 동일합니다.
웹폰트를 계정에 업로드 해놓을 때, 어느곳에 업로드 했는지를 기억해 두어야 합니다.
웹폰트를 사용하는 태그중, 폰트파일의 주소는 웹폰트를 업로드한 위치를 말하는 것입니다.
예를들어, 자신의 계정주소가 http://www.domain.com 이고, 이곳에 업로드 해놓았다면, 폰트파일의 주소는 http://www.domain.com/jung9.mwf 가 됩니다.
또는 font 라는 디렉토리를 만들고, 그곳에 업로드 해놓았다면, http://www.domain.com/font/jung9.mwf 가 될 것입니다.
이렇게 다운 받은 웹폰트파일을 자신의 계정에 업로드 해놓고, 업로드 해놓은 곳의 주소를 알고 있다면, 아래의 도움말을 참조하여 사용하시기 바랍니다.
◆ 웹폰트를 사용할때 참고할 사항
웹정체나 웹민체같은 웹폰트는 지정된 사이즈에서 최적의 퀄리티를 가지는 폰트 입니다.
따라서 웹폰트를 사용할때는 반드시 사이즈를 정확히 지정해 주어야 합니다.
◆ 스타일(CSS)을 이용한 웹폰트 사용예제
<html>
<head>
<meta http-equiv='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에 대해 공부를 해보세요. ^^
|
라이센스 확인
웹폰트 다운로드에서 사용까지..
님이 2003년 02월 27일 12:15:16 에 작성한 글입니다. (read:11753, vote:1932) 
