다중 구글 웹 폰트 최적화

Question

들이있는 방법을 제공합니다 https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests 당신은 당신이 아니라 전체 글꼴을로드하는 대신, 단지 헤더에 대한 사용자 지정 글꼴을 사용하는 경우

의 의미, 어떤 글자가 필요한지 알 수 있으므로 전체 글꼴 알파벳을로드하지 않아도됩니다. 여태까지는 그런대로 잘됐다.

그러나이 예에서는 글꼴 스타일이 하나뿐입니다. 당신은 2 명으로 어떻게합니까?

는 예를 들어 나는 글꼴의 스타일에로드하려면이 옵션을 사용하고 있습니다 :

정상 (400) I 텍스트를 많이 사용하지만, 400italic는 하나의 짧은 헤더에 사용됩니다.

내가 할 경우

내가 원하는하거나 다른 일을 할 것입니다 것처럼 400italic에 대한 전체 (400) 그냥 "샘플 헤더를"로드 것인가?

Answer 1

문자 집합을 수행하고 여러 글꼴을 하나의 CSS 요청으로 결합하려는 경우 지정된 문자는 모든 글꼴 사이에 필요한 모든 문자의 합집합이어야합니다.

여기를보세요 : http://jsbin.com/welcome/22005/edit

<link href="http://fonts.googleapis.com/css?family=Inconsolata|Skranji&text=ABCDHIJK" rel="stylesheet"> 

두 가지 위의 것. 우리는 두 개의 글꼴 (Inconsolate 및 Skranji)을 요구하고 두 글꼴 모두 A ~ K 문자를 사용해야한다고 지정합니다. 하나는 A-D 만 필요하고 다른 하나는 H-K가 필요한 경우 위의 내용을 두 개의 서로 다른 CSS 요청으로 분할해야합니다.