2014년 4월 2일 수요일

무료 웹폰트 적용하는방법

웹 브라우저는 사용자의 컴퓨터에 설치된 폰트만 사용할수 없습니다
개발자의 컴퓨터에 설치되어있는 폰트를 잘못 사용하게 되면
폰트가 없는 사용자 컴퓨터에서는 폰트 문제가 발생할수 있습니다.
그렇기 때문에 폰트의 사용은 매우 중요한 부분중 하나인데요
오늘은 이러한 폰트문제를 해결할수 있는 무료 웹폰트를 적용하는 방법에 
대해서 알보도록 하겠습니다


구글 웹 폰트 홈페이지에 접속 하셔서 원하시는 폰트를 클릭해주시면 됩니다.


원하시는 폰트항목의 우축하단에 보시면 3개의 아이콘중에
Quick-use라는 아이콘을 눌러주시면 됩니다


Quick-use 클릭해서 들어가게 되면 밑에
standard 와 @import Javascript
항목이 있습니다.
standard 방법이 가장 간단한 방법중 하나 이기 때문에 
standard 방법으로 설명하겠습니다
위의 메뉴에서 standard 항목을 클리하시고 나타나는 링크값을 복사해
head 태그 밑에만 붙여 넣어주시면 웹폰트 설정은 끝납니다.

여기에 웹폰트를 적용하고 싶은 폰트에 font-familly속성을 통해
웹폰트의 이름을 적어주시기만 하면 적용된다는것을 알수 있을겁니다.
유용하면서 간단하게 활용할수 있는 정보중 하나이기 때문에
사용법을 익혀 두시는게 좋을것 같네요^^







댓글 없음:

댓글 쓰기