Optimierung Mehrere Google Web Fonts

Question

Wenn benutzerdefinierte Schriftarten von Google-Laden bieten sie eine Möglichkeit für Sie, um sie zu optimieren: https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests

Bedeutung, wenn Sie sie nur einen Header eine benutzerdefinierte Schriftart verwenden, anstatt die ganze Schrift laden, Sie können ihm sagen, welche Buchstaben Sie brauchen, um nicht das gesamte Schriftalphabet zu laden. So weit, ist es gut.

Im Beispiel hat es jedoch nur einen Schriftstil. Wie machst du es mit zwei?

Zum Beispiel verwende ich dies Stile einer Schriftart zu laden:

Der normale 400 I für viel Text verwenden, aber die 400italic nur für einen kurzen Header verwendet wird.

Wenn ich tun:

Wird es die gesamte 400 und nur die "Sample-Header" für 400italic laden wie ich will oder es wird etwas anderes tun?

Answer 1

Wenn Sie eine Zeichnungskombination durchführen und mehrere Zeichensätze zu einer CSS-Anforderung kombinieren möchten, müssen die angegebenen Zeichen die Vereinigung aller erforderlichen Zeichen zwischen allen Zeichensätzen sein.

einen Blick hier nehmen: http://jsbin.com/welcome/22005/edit

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

Zwei Dinge oben gehen. Wir fragen nach zwei Schriftarten (Inconsolate und Skranji) und geben an, dass beide Schriftarten die Buchstaben A-K enthalten sollen. Wenn Sie nur A-D für ein und H-K für ein anderes benötigen, müssen Sie das oben genannte in zwei unterschiedliche CSS-Anfragen aufteilen.