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

홈 > 게시판 > 공지사항
구매관련(19)  설치관련(4)  변경관련(5)  사용법(14)  게시판(14)  카페/클럽(0)  이상증상(3)  기타(4)  
   웹폰트 다운로드에서 사용까지..
  님이 2003년 02월 27일 12:15:16 에 작성한 글입니다. (read:48386, 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 39874
- 글꼴폴더에는 설치가 되어 있는데, 포토샵,나모,워드에서는 보이지 않...   03/02/27 36471
- 웹폰트를 사용한 후 페이지가 한번에 로딩되지 않습니다.   03/02/27 32759
- 웹폰트 다운로드에서 사용까지..   03/02/27 48386
- 폰트 구매 라이센스 안내 운영자  19684
- 저작권법에 걸려서 법원에서 연락이 왔습니다, 어떻게 해야합니까? 운영자  20639
25 게시판 갤러리게시판에서 마우스오버시에 글자를 웹폰트로 바꾸고 싶습니다.   03/02/27 2990
24 게시판 제로보드에 두개의 웹폰트 적용하기   03/02/27 4034
23 게시판 제로보드와 같이 스타일시트가 있는 게시판에서의 사용법   03/02/27 6752
22 사용법 플래쉬에서 사용하기 위해서는 어떻게 해야하나요?   03/02/27 3317
20 사용법 포토샵에서 사용시 글자가 흐리게 나옵니다.   03/02/27 3360
19 사용법 포토샵에서의 일반적인 사용방법   03/02/27 4205
17 구매관련 웹폰트 가격정책 및 라이센스   03/02/27 4450
14 이상증상 글자의 일부가 네모로 나옵니다.   03/02/27 4507
12 기타 웹폰트를 불법으로 사용하고 있습니다.   03/02/27 5495
11 기타 제공된 트루타입폰트를 이용하여 웹폰트를 제작하면 안되나요?   03/02/27 4349
  [1]..[4][5][6][7]
copyright 2002-2003 Ultraboard