2013-04-25 74 views
0

我在@font臉上使用了以下CSS。它可以在我的桌面和我測試過的IOS設備上運行。但它沒有在Android上:@font臉不能在Android上工作

@font-face { 
    font-family: 'ReformaGroteskMedium'; 
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot'); 
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot?#iefix') format('embedded-opentype'), 
     url('/css/fonts/reforma_grotesk/26890C_0_0.woff') format('woff'), 
     url('/css/fonts/reforma_grotesk/26890C_0_0.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

我注意到,從http://www.fontsquirrel.com/(其中工作)中完全相同的方式是內嵌除非他們也有下面這行產生的字體:

url('SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg'); 

這是爲什麼呢我的版本不工作,Android僅支持SVG嗎?

我使用的Android版本是4.0.1在華碩平板電腦上。它在較新的Android手機上工作得很好。

回答

0

THIS ARTICLE引述莫茲開發網絡:

當SVG指定的Web字體的支持是遠遠 預期。由於正確的字體對於圖形的渲染 至關重要,因此決定將字體描述技術添加到 SVG。這並不意味着與PostScript或OTF等其他格式一致,而是作爲嵌入渲染引擎的字形信息的簡單方法。

所以我想SVG(可縮放矢量圖形)格式應該總是被用作允許任何瀏覽器/設備引擎正確渲染字體的「降落傘」。
反正我沒有找到關於Android 4.0.1和字體導入的官方內容,但是我強烈建議在導入字體時總是使用SVG格式。

+0

好,謝謝,我會加入SVG測試在星期一我有機會再次訪問該Android平板電腦。 – TK123 2013-04-26 02:24:11