2012-07-19 94 views
11

當從谷歌加載自定義字體,他們提供了一個方法可以讓你對其進行優化:https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests如果您使用的自定義字體只是一個標題,而不是裝載整個字體優化多谷歌的Web字體

意義,你可以告訴它你需要什麼字母,以免加載整個字體字母表。到現在爲止還挺好。

但是,在該示例中它只有一種字體樣式。你如何與兩個人做?

例如我用這個來加載到樣式字體:

正常400我用大量的文字,但400italic僅用於一個短標題。

如果我做的:

它會加載整個400,只是「樣品頭」爲400italic像我想還是會做點別的?

回答

12

如果您正在進行字符子集化並嘗試將多個字體合併爲一個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請求。