CSS - 爲什麼font-style：italic不適用於font-family：Helvetica，Arial，sans-serif？

出於某種原因，此規則適用於Mac上的Chrome，但不適用於Windows。頁面底部的箭頭應爲斜體，但只適用於Mac。CSS - 爲什麼font-style：italic不適用於font-family：Helvetica，Arial，sans-serif？

您可以在這裏看到的例子：http://jansensan.net/clients/float4/allianz-global-assistance/true-stories.html

你可以看到這裏的CSS：http://jansensan.net/clients/float4/allianz-global-assistance/assets/css/main.css

外觀爲.buttonLabel類。

就在您提及它可能在IE或Firefox中工作之前，這些瀏覽器與此項目無關。 HTML輸出是一種定製的Webkit集成，其行爲與Chrome相同。

有沒有明顯的東西我忽略了？謝謝你的幫助！

來源

2012-08-09 jansensan

它們在我的鍍鉻版本中是斜體的，您使用的是哪種鍍鉻版本？你有沒有嘗試清空緩存？ – Tschallacka 2012-08-09 14:13:45

Windows 7 x64與Chrome 21和這是斜體在這裏。 – DigTheDoug 2012-08-09 14:25:20

我有20.0.1132.57米，更新到21.0.1180.75米。清除了我的緩存。 Windows 7 x64，但不幸的是它仍然不以斜體顯示......：s ... 也許這是我的設置中應該檢查的東西嗎？ – jansensan 2012-08-09 14:34:17

原因似乎是您試圖斜體字符沒有斜體版本，即它看起來像一個正常（直立）字體斜體字體相同。這對於特殊字符是正常的;使用斜體基本上是指使用特殊設計的字形字母，也許對於一些其他字符。

相關的標記在這裏似乎是

<div class="buttonLabel label">&lt;</div>

和相關的CSS代碼

.buttonLabel 
{ 
font-family: Verdana, sans-serif; 
font-style: italic; 
}

（相反的問題標題，我找不到黑體或任何參考宋體CSS代碼，並且我找不到任何箭頭，只有小於和大於字符。）

在Verdana中，「<」的斜體字形與正常的字形。同上Arial。在其他一些字體中，它可能看起來不同，儘管這應該被看作排版缺陷。某些字體（例如Arial Unicode MS）根本沒有斜體版本。一些瀏覽器和其他程序可能（錯誤地）通過在算法上傾斜正常字形來將人造「斜體」應用於這種字體。

該解決方案取決於你在做什麼。我看不出有什麼理由嘗試斜體顯示「<」或「>」，但如果您希望獲得某些扭曲的此類字符的傾斜版本，則使用圖像是實際的解決方案。

來源

2012-08-09 19:19:31

是的，我很抱歉，我一直在嘗試和朋友一起改變字體，看看這可能是一個問題。事實證明，我們在這裏發現了你的建議：這些字體沒有斜體字形式（悲傷）。奇怪的是，因爲它在Mac上的某一點顯示爲斜體，可能它正在爲字形強制一個角度？無論哪種方式，我都確定了一幅圖像。謝謝！ – jansensan 2012-08-09 19:27:38

CSS - 爲什麼font-style：italic不適用於font-family：Helvetica，Arial，sans-serif？

回答

相關問題