Iconfont/webfont在iPhone safari瀏覽器中未顯示

我的iconfont中的字形（在我的頁腳導航中的自定義Web字體）在iPhone上查看時未顯示。這是iOS 6.1.4Iconfont/webfont在iPhone safari瀏覽器中未顯示

任何想法爲什麼發生這種情況，以及如何解決它？

這裏是在頁腳中的圖標不顯示截圖： enter image description here

Here is a link的頁面，這種情況正在發生

來源

2013-05-12 IMUXIxD

我有一種感覺，它與圖標上的動畫有關。如果您刪除動畫，它們會出現嗎？ – Jackson 2013-05-13 00:07:44

@傑克遜你是說動畫沒有完全支持，所以他們隱藏的圖標？我刪除了頁腳中圖標的動畫，但仍未顯示。如果你想檢查它，它會被更新。 – IMUXIxD 2013-05-13 00:25:46

也許這是font-feature-settings css屬性？ IOS的Safari瀏覽器只有部分支持： http://caniuse.com/font-feature – Jackson 2013-05-13 00:40:10

的問題是，IOS提供了字體功能 - 部分支持設置CSS屬性，但您可以在iOS Safari中使用連字添加text-rendering: optimizeLegibility。以下鏈接（http://clagnut.com/sandbox/opentype/ligatures）顯示使用字體洋紅色與普通的文字&任意連字ON和其他文字與普通&任意連字關閉。

如果您從iOS設備訪問此鏈接，您將看到兩個文本是相同的。這意味着iOS不支持僅與font-feature-settings連字，這就是爲什麼排版中的gyphs不適用於iOS。

要使其在iOS中工作，您必須將text-rendering: optimizeLegibility添加到您的CSS。一個很好的參考可能是"Tomorrow’s web type today: The fine flourish of the ligature"。但是，您應該閱讀"Is it safe to use the CSS rule 「text-rendering: optimizelegibility;」 on all text?"。

你會發現你的字體在iOS的工作在以下鏈接的示例：

http://jsfiddle.net/poselab/TQjgC/

text-rendering: optimizeLegibility;

本的jsfiddle的從iPhone的屏幕截圖：

enter image description here

來源

2013-05-20 22:41:54 PoseLab

謝謝提供詳細信息，所以它說它支持連字，但只支持他們部分，並不足以支持他們？ – IMUXIxD 2013-05-21 12:18:36

刪除if((Modernizr.prefixed("fontFeatureSettings"))於noLigatures.js。這些圖標將在iOS6中顯示。

來源

2013-05-21 10:53:46

啊，這樣我的腳本行是評估爲真，連字顯示，但他們不支持？ – IMUXIxD 2013-05-21 12:17:33

Iconfont/webfont在iPhone safari瀏覽器中未顯示

回答

相關問題