如果EOT和WOFF不適用於Android設備，Typekit是否是備份？

Question

我正在尋找使用WOFF和EOT字體格式的web頁面在響應式網站上購買的網頁字體。毋庸置疑，該格式需要適用於包括Android在內的所有設備。

我正在與開發人員合作，他們告訴我WOFF和EOT在這種設備上不受支持。

我的問題是，如果可以通過typekit託管，這是否有所作爲？

Answer 1

您在說明默認的Android瀏覽器不支持WOFF或EOT字體時是正確的。 Android設備廣泛支持的唯一字體格式是TTF/OTF。一些較新的（3.0+）Android版本也將支持SVG字體。通常，網絡字體將包含所有三種主要格式：WOFF，EOT和TTF/OTF。這三種文件類型與CSS中正確的@ font-face一起使用時，將確保字體在幾乎所有當今大量使用的設備/瀏覽器上正常工作。

你的webfont應該有三種主要的文件格式。如果沒有，您可以使用諸如Font Squirrel Webfont Generator之類的工具來獲取它。通過typekit託管也可以提供解決方案，但在某些情況下，與自己進行轉換不同，typekit不是免費的。

Answer 2

試試這個實施

@font-face { 
    font-family: 'OpenSans'; 
    src: url('fonts/OpenSans-Regular-webfont.eot'); 
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/OpenSans-Regular-webfont.woff') format('woff'), 
     url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), 
     url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

h1 { 
    font-family: 'OpenSans'; 
    font-weight: 300%; 
} 

瞭解更多信息請查看這個例子https://github.com/ttibensky/BulletProof-font-face-implementation