(주)모리스디자인
 
라이센스 확인 장바구니 사이트맵

홈 > 게시판 > 공지사항
구매관련(19)  설치관련(4)  변경관련(5)  사용법(14)  게시판(14)  카페/클럽(0)  이상증상(3)  기타(4)  
   웹폰트 다운로드에서 사용까지..
  님이 2003년 02월 27일 12:15:16 에 작성한 글입니다. (read:48385, vote:9216) 추천하기
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에 대해 공부를 해보세요. ^^

  
No 분류 제목 이름 등록일 조회수
- 갑자기 웹폰트로 보여지지 않고 기본서체로 보여집니다.   03/02/27 39868
- 글꼴폴더에는 설치가 되어 있는데, 포토샵,나모,워드에서는 보이지 않...   03/02/27 36468
- 웹폰트를 사용한 후 페이지가 한번에 로딩되지 않습니다.   03/02/27 32753
- 웹폰트 다운로드에서 사용까지..   03/02/27 48385
- 폰트 구매 라이센스 안내 운영자  19681
- 저작권법에 걸려서 법원에서 연락이 왔습니다, 어떻게 해야합니까? 운영자  20635
80 구매관련 IE9 호환성  적용가능한 웹폰트 소스 방법입니다. 운영자  5476
79 구매관련 윈도우7에서 설치가 불안정해요. 운영자  2508
77 변경관련 기존 웹폰트 변경은 어떻게 하지요? 운영자  2495
75 구매관련 아웃라인 폰트 안내. 운영자  4160
72 구매관련 아웃라인 TTF의 라이센스   06/04/18 7098
71 사용법 포토샵에서 글자가 갑자기 크게 나와요.   04/01/06 8927
70 이상증상 폰트 캐쉬 파일을 지워도 기본 서체로 보이는데요?   04/01/06 8103
69 구매관련 주소등록요령 - 홈페이지주소는 어떤걸 입력해야 하나요?   04/01/06 8660
68 사용법 [별자리와 12지신], [군것질]은 어떻게 사용합니까?   04/01/06 8273
67 구매관련 기업용으로 구매하고 싶습니다.   04/01/06 7982
  [1][2][3][4][5]..[7]
copyright 2002-2003 Ultraboard