뉴스 출처: css-tricks.com
글꼴 문제로 어려움을 겪고 있는 많은 웹 디자이너와 개발자들에게 어제 Google Font API에 대한 소식은 정말 기뻤습니다. 이 매우 간단하고 실용적인 API에는 Google 및 TypeKit과 결합된 일련의 글꼴 라이브러리 및 미리 보기 도구가 포함되어 있습니다. 오픈 소스 WebFont 로딩 WebFont에서 개발한 도구를 사용하면 웹 디자이너가 자신의 사이트에서 개인화된 글꼴을 쉽게 참조할 수 있습니다.
Google Web Fonts API를 사용하는 것은 Google의 CSS 파일을 연결하고 자체 CSS 정의에서 글꼴 이름을 참조하는 것만큼 간단합니다. 참조용 데모는 다음과 같습니다. 실제로 Google Web Font API는 @font-face이며 직접 구현할 수 있지만 Google의 접근 방식에는 다음과 같은 많은 장점이 있습니다.
대역폭(대역폭은 Google이 부담)
캐싱(동일한 글꼴이 여러 사이트에 캐시되며 브라우저는 캐시에서 직접 글꼴을 얻을 수 있습니다)
속도(Google CDN 가속 네트워크는 대부분의 웹사이트보다 빠릅니다.)
물론 구글의 CSS 파일을 로딩하는 것은 추가적인 부담이지만, 글꼴 파일 자체에 직접 링크를 걸 수도 있고, 사이트에 글꼴을 다운로드해 나만의 SVG 버전을 만들 수도 있다. 또한 Google Web Font API는 현재 iPhone 및 iPad를 지원하지 않습니다.
WebFont 로더에 관해서는 글꼴을 로드하는 데 사용되는 JavaScript 스크립트입니다. 사용할 필요는 없지만 사용하면 추가적인 이점을 얻을 수 있습니다. 예를 들어, Firefox가 Google 웹 글꼴을 로드하면 @font-face가 완전히 로드되기 전에 대체 글꼴이 표시됩니다. @font-face가 완전히 로드되면 실제 글꼴이 대체 글꼴을 대체하므로 페이지가 깜박입니다. . , 그리고 혼란스러운 WebFont 로더가 이 문제를 해결할 수 있습니다.
Raph Levien은 Inconsolata 글꼴을 디자인한 서체 디자이너입니다. Raph는 Google Web Fonts API 팀의 구성원이기도 하며, 이 기사는 Raph와의 인터뷰입니다.
크리스:
Google은 CDN 네트워크를 사용하여 JavaScript 라이브러리를 호스팅하는 등 웹 디자이너를 위해 많은 좋은 작업을 수행합니다. 이것이 Google에 정확히 어떤 영향을 미치나요? 물론, 이렇게 하면 웹 글꼴이 더 빨라지겠지만, 더 빠른 웹이 Google에 무슨 소용이 있을까요? 구글에 유용한 데이터 정보를 분석하기 위함인가요?
라프:
그것은 단지 웹을 더 빠르고 더 풍부하게 만들기 위한 것입니다. 당사는 어떠한 개인 정보도 수집하지 않으며 당사의 로그 기록은 성능 통계 및 인기 글꼴에 대한 통계만을 위한 것입니다. 이 서비스의 가장 좋은 점은 호스팅된 Ajax 라이브러리와 마찬가지로 많은 사이트에서 이러한 서비스를 사용하고 있기 때문에 매번 다시 로드할 필요 없이 캐시에서 이미 로드된 항목을 브라우저가 쉽게 찾을 수 있다는 것입니다.
크리스:
최악의 경우, 호스팅하는 글꼴이 다운되면 해당 글꼴을 참조하는 사이트는 어떻게 되나요? 대체 글꼴이 사용됩니까, 아니면 다른 글꼴이 사용됩니까?
라프:
예, 대체 글꼴이 사용됩니다. 이는 단지 CSS일 뿐이며 디자이너는 사용되는 글꼴을 완전히 제어할 수 있습니다. 또한 더 나은 제어를 원할 경우 WebFont 로더를 사용할 수 있습니다. 예를 들어 글꼴 로딩에 실패하면 JavaScript를 사용하여 CSS를 변경할 수도 있습니다. 또한 웹 글꼴을 개선하기 위해 모든 주요 브라우저 개발자와 협력할 것입니다. 경험.
크리스:
TypeKit과의 협력이 매우 흥미롭습니다.
라프:
TypeKit은 웹 글꼴과 함께 가장 멀리 떨어져 있으며 우리는 오랫동안 이에 대해 알고 있었습니다(Jeff Veen은 실제로 Google에서 작업했습니다). 그래서 자연스럽게 같이 이야기를 나누게 됐어요. 우리의 개방형 글꼴은 훌륭한 것이지만, 우리는 여전히 사용자가 더 많은 글꼴을 사용할 수 있기를 원합니다. 또한 Ascender를 포함한 다른 주요 글꼴 공급업체와도 협력하고 있습니다.
크리스:
일부 무료 또는 오픈 소스 글꼴은 일반적으로 디자이너에게 광고 역할을 합니다. 이것이 Google 글꼴 라이브러리에 방해가 됩니까? 궁극적으로 이러한 글꼴 라이브러리에는 제한된 글꼴이 포함되어 있습니다.
라프:
지금까지 좋은 반응을 얻었습니다. 사람들은 다양한 이유로 우리에게 글꼴을 제공하며, 확실한 이유 중 하나는 더 많은 프리미엄 글꼴을 판매할 수 있도록 더 많은 트래픽을 제공한다는 것입니다. 어떤 일이 있어도 글꼴 디자인을 좋아하는 사람들이 여전히 많이 있습니다. 우리는 오픈 소스 글꼴 라이브러리가 점점 더 강력해질 것이라고 확신합니다. 그러나 이러한 전문 글꼴 공급업체는 언제든지 더 높은 품질의 글꼴을 보유하고 있습니다.
이 기사의 해외 출처: CSS TRICKS Google Font API & 인터뷰(원저자: Chris Coyier)
중국어 편집 소스: Ruishang Enterprise CMS 웹사이트 콘텐츠 관리 시스템 공식 웹사이트