본문 바로가기

Creation/Design

[폰트] 구글 Fonts이용, 영문 웹폰트 적용시키기



http://www.google.com/fonts/


Google Fonts를 이용하여 영문글꼴 웹폰트 적용시키기



  구글은 참 훌륭한 서비스를 많이 제공하고 있습니다. 제 블로그는 지금 돋움글꼴로 설정이 되어 있는데(나눔글꼴 적용결과 페이지 로딩이 너무 심하더군요) 이게 싫어서 구글 Fonts에 들어가보니 한방에 적용가능하게 구현되어 있습니다. 위 홈페이지 들어가셔서 원하는 폰트에 보면



  그림처럼 ->버튼이 있는 부분이 보이시죠? 이걸 누른다음에..




  내려가다보면 3번항목이 있는데, 여기서 Javascript로 삽입을 하셔야 페이지 로딩에 지장을 덜 줄 수 있습니다. 꼭 이걸로 선택하신 다음에 코드를 전체 복사 합니다.




  그다음 티스토리의 경우 위에서 복사한 스크립트를 페이지 최하단에 넣으시고, 글꼴이 적용되는 부분에서 해당 폰트를 맨 앞으로 넣으시면 됩니다. (앞으로 넣어야 우선순위가 앞서기 때문에 제대로 적용됩니다.)