in 웹 디자인, 코드

Daum font로 Google Font API 따라잡기

이전에 작성한 글처럼, Google Font API의 구조는 무척 사용하기 쉽습니다. 기존에 Google API(예: AJAX API)를 사용해보신 분이라면 부연 설명이 전혀 필요없겠지만, 그렇지 않은 분들이라면 CSS를 HTML에 사용하는 4가지 방법에 대한 간단한 기초 지식이 필요합니다.

  • inline Style: HTML 엘리먼트의 style 속성을 사용해서 코드를 작성함.
  • embeded Style: HTML head에 style 코드를 작성함.
  • Linked Style: 외부의 CSS 파일을 연결함. Google Font API 방식임.
  • import Style: 외부의 CSS 파일을 불러옴.

위 Linked Style 방식을 이용해서Google Font API를 쉽게 흉내낼 수 있습니다. Daum이 공개한 글꼴을 이용해서 결과를 아래 이미지를 클릭하시면 확인할 수 있습니다. (참조: 테스트 HTML 문서CSS 파일)

test-google-font-api

몇 해 전부터 국내에도 Naver, Daum, 한겨레 등 많은 기업들이 한글 글꼴을 제공하고 있습니다(참조:정태영님 공개 글꼴 목록, KLDP 공개 글꼴 목록). 대부분 파일을 다운받아 사용할 수 있는데, 이를 Google Font API처럼 제공한다면 보다 많은 웹 제작자들이 쉽게 사용할 수 있을 것입니다.