2012-07-10 87 views
0

我現在有一個使用2個字體文件和大量的圖片最小的字體文件所需

  • 我已經優化了圖像在一定程度上的網頁,但我的頁面仍然加載很慢, 下一個選項是優化字體文件
  • 我使用Diavlo字體作爲徽標,字體文件的大小爲55kb。

我已通過在字體請求URL中指定text = value來讀取Google字體。

這允許Google返回一個爲您的請求優化的字體文件。在某些情況下,這可以將字體文件的大小減少高達90%。

@font-face{ 
font-family:'diavlo'; 
src: url('diavlo_medium_ii_37-webfont.eot'); 
src: url('diavlo_medium_ii_37-webfont.eot?#iefix') format('embedded-opentype') , 
         url('diavlo_medium_ii_37-webfont.ttf') format('truetype'); 
} 

I did not find Diavlo in Google Fonts. 

谷歌字體

http://fonts.googleapis.com/css?family=Inconsolata&text=Hello 

那麼,有沒有辦法,我只能提供我需要得到一個最小的.ttf文件

,我應該包括兩種.woff文件中的文本或.ttf或兩者。

+0

它需要多長時間才能下載的頁面? – Randy 2012-07-10 12:27:04

+0

您可以使用您有權使用[Cufon](http://cufon.shoqolate.com/generate/)的任何字體,但由於_text_是使用畫布繪製的,因此我不確定它如何影響您的頁面加載時間。 – menislici 2012-07-10 12:28:52

+0

它需要7.92s的加載和diavlo字體需要6s(55kb) – 2012-07-10 12:31:32

回答

1

如果你知道你需要哪些字符,你可以使用Font Squirel的@font-face generator並只指定你想要的字符,這是我知道這樣做的唯一方法。這將生成所需的字體文件,只有你想要的字符。

注:請確保您有它設置爲專家模式