웹폰트 사용방법

웹폰트 사용방법

인터넷으로 웹 폰트를 구했다. 그리고 문서에도 적용했는데, 실제 웹페이지에서는 적용한

웹 폰트가 나타나지 않는다. 이럴때에는 어떻게 해야하냐면

각각의 웹 사이트에는 그에 맞는 폰트를 사용하고 있다. 그러나 방문자의 컴퓨터에, 웹문서에

적용한 폰트가 있지 않다면 기본 폰트로 보이기 때문에 홈페이지의 표나 다양한 정보의 글들이

깨질 수 있다. 이를 예방하기 위해 트루타입폰트(TTF) 를 웹에서 도 쉽게 볼 수 있도록

웹폰트(MWF) 로 개발하여 제공하고 있다.

이 웹폰트를 보기 위해서는 다음과 같이 웹 문서에 스타일을 지정해야 한다. 또한 관련되어 있는

웹 폰트를 해당 계정에 올려야 방문자들이 볼 수 있다.

<style type="text/css">

<!--

   @font-face {font-family:웹폰트이름1;src:url(http://도메인/파일명.mwf);}

   @font-face {font-family:웹폰트이름2;src:url(http://도메인/파일명.mwf);}

-->

</style>

장난으로라도 위에 링크모양새의 문자 클릭하지 마시라..아무것도 없더이다~~

① font-family : 웹폰트 이름 = 임시적으로 사용할 폰트의 이름을 정해주면 된다.

② src:url(폰트 파일 주소) = 자신의 계정에 업로드한 폰트 파일의 위치를 적어주면 된다.

③ font-face 로 지정한 폰트는 임시적으로 방문자의 컴퓨터에 폰트가 설치되어 있는것과

   같은 효과를 지닌다.

   필자의 생각이지만 위의 기능을 지닌 홈페이지에 접속한다면 상대적으로 컴퓨터의 속도는

   떨어질 것 같은 느낌이 든다. 일반적으로 폰트 설치하고, 그래픽 툴을 가동시키면

   상대적으로 속도 저하를 (실감할 정도는 아니지만), 계산학 수치적으로 확인가능하다.

   그러므로 이 정도를 감수한다는 가정하에 웹폰트는 많아도 3개...그 이하로

   셋팅하는 것이 유용할 듯!