Android 4.2.2。不支持我的@字體面

BodoniMT也不是那麼廣泛，所以最初我去：Android 4.2.2。不支持我的@字體面

p {font-family: "Bodoni MT","Times New Roman", serif;}

有了這個新的CSS，我想我可以嘗試，而不是：

@font-face {font-family:BodoniMT; src:url(bodoni.ttf); format:truetype;}

和div

<div style="font-family:BodoniMT";>

當然，我在我的服務器上保存了bodoni.ttf。現在爲什麼我的三星Galaxy III，Android 4.2.2。不承認它？相反，它甚至顯示一個Sans-Serif！

我在做什麼錯？它是如此令人沮喪的看到每一個瀏覽器中播放了以某種方式與你的CSS ...我應該堅持老派，去：

p {font-family: "Bodoni MT","Times New Roman", serif;}

來源

2015-09-16 Greg Barbo

簡短的回答是：，因爲你的設備上的瀏覽器不支持truetype字體嵌入。

稍微長一點：您需要使用web font generator，這將生成一個具有更廣泛兼容性範圍的@font-face。據我所知，您至少需要包括woff,woff2,eot以及ttf和otf中的任意一個。

更新：此外，我剛剛注意到您的@ font-face名稱中存在不匹配。您聲明它的名稱爲BodoniMt，但要嘗試在<p>標記的內聯樣式中加載Bodoni Mt。

此外，請確保規則實際應用並且不會被更強大的選擇器覆蓋（檢查元素並查看當前是什麼以及它從哪裏加載）。

第二次更新：（回答評論中的問題）：生成字體的網站應該有明確的說明。

如果不是這樣，你需要在你的項目的某個地方和樣式表的頂部解壓你想用的@ font-face你需要在你自己的CSS中導入字體包的主要CSS文件文件中，像這樣：

@import url("path-to-some-font.css/some-font.css");

（假設包的主CSS文件被稱爲some-font.css）。現在你的@font-face應該工作得很好。確保在'font-family'中使用正確的@ font-face名稱。如果仍然不確定，字體包中應該有一個example/index/sample.html。看看他們如何在那裏加載字體。

來源

2015-09-16 20:55:15

謝謝！如果我嘗試生成@ font-face，則生成器將全部換行爲zip。我應該怎麼做？ –

用答案更新了我的答案。 –

謝謝你，很好的回答！天哪，如果我需要做所有這些，那麼我可以用原始的方式進行，因爲這種新方法需要很多行，只有字體問題會佔用我的一半。我希望W3S能夠改善未來。音頻也一樣。我總是需要至少包含.ogg和.mp3，這在我的網絡託管中佔用了很多空間......這很令人沮喪。但爲了學習，我會盡量按照你的指示，看看會發生什麼，再次感謝你！ –

Android 4.2.2。不支持我的@字體面

回答

相關問題