2013-11-28 41 views
3

嘗試使用font-feature-settings,我在所有主流瀏覽器中取得了成功,但Safari(無論是桌面型還是移動型)。我使用這個語法:不支持Safari中的字體特性設置?

.smallcaps { 
    font-feature-settings: 'smcp' 1; 
    -webkit-font-feature-settings: 'smcp' 1; 
    -moz-font-feature-settings: 'smcp' 1; 
} 

Safari不支持font-feature-settings,還是我有什麼問題?如果在Safari中仍然支持OpenType功能,我希望看到一個實例。

+1

(爲什麼不使用'font-variant:small-caps'?) – Ryan

+1

首先,'font-variant:small-caps'製造假小帽,請參閱示例:http://content.screencast.com/users/z1011001010111010010/folders/Snagit/media/d70ff39f-d02f-4997-b979-48246c39afdc/11.29.2013-02.32.png。 其次,我的問題不僅是關於小型大寫字母,還涉及一般的OpenType功能。看來Safari並不支持它們。 – user3047089

+0

您是否嘗試過任何其他OpenType功能,如舊式人物?讓我知道,如果你得到它的工作,因爲我從來沒有在任何瀏覽器使用任何前綴或字體集。 :'( – Ryan

回答

2

根據MDN info,在Safari和Opera中不支持font-feature-settings。但是,信息的日期是:CanIuse表示支持Safari 6.1版本(和未指定的「部分支持」版本4.0)。但用於Windows的最新Safari版本是5.1.7,並且缺乏支持(在我的測試中確認)。在Opera中,支持從15.0版本開始支持(測試版本18.0,正常工作)。

實際上所有的瀏覽器都支持font-variant: small-caps,這在理論上是首選方法,但Safari(與大多數瀏覽器一樣)以與其他瀏覽器相同的方式實現它:通過使用縮小大寫字母而非適當的小寫字母。 (至少適用於Safari 5.1.7)

+1

我剛剛檢查過最新的Opera版本,它完全支持'font-feature-settings',這就是爲什麼我不相信像MDN這樣的網站,並且傾向於在S​​tack Overflow上詢問專家。 – user3047089

+0

@ user3047089,我的測試說不是:測試在Win 7上使用Opera 12.16 Build 1860(和「檢查更新」說這是最新版本),測試頁面爲http://www.cs.tut.fi/~jkorpela/font-features.html8我看不到 –

+0

哎呀,對,這是錯誤的Opera(在舊分支中)新的基於WebKit的Opera(版本17)的確支持字體特性。 –