17장 웹폰트 최적화

웹폰트는 폰트서버에서 웹폰트를 웹브라우저가 다운받아 사용자화면에 출력하는 방식이기 때문에 내 웹사이트에서 사용할 꼭 필요한 폰트만으로 최적화할 필요가 있다.

Supreme Google Webfonts 는 많은 구글웹폰트를 사용할 수 있도록 지원하지만, 너무 많은 웹폰트를 요청하기 때문에 웹브라우저가 느려진다거나 특정 웹브라우저에서 원하는 웹폰트가 실행되지 않는 문제가 발생하기도 한다. 글 편집기에서는 Supreme Google Webfonts이 지원하는 모든 웹폰트를 탑재하고 사용해도 되겠지만, 사용자 화면의 경우 꼭 필요한 웹폰트만 폰트서버에서 요청하도록 최적화할 필요가 있다.

특히, MS 익스플로러의 경우 Supreme Google Webfonts의 기본 설정상태에서 사용자화면에 원하는 폰트가 재생되지 않는 현상이 있다. 이 문제를 사례로 웹폰트를 내 사이트에 최적화하는 방법을 소개한다.

또한, 이 사례속에서 MS 익스플로러 9에서 요소점검을 어떻게 활용하는지도 엿볼 수 있도록 소개한다.

[break]