斜體是否以粗體顯示？

今天，CSS中的font-style：italic是用粗體渲染我的字體，只在Chrome和Firefox上渲染 - 而不是在Safari上。斜體是否以粗體顯示？

舉例來說，使用這個CSS：

em { 
font-style: italic; 
}

這個HTML：

<p><em>Hi, I'm showing up in bold.</em></p>

顯示斜體和大膽。

我已經嘗試從兩天前恢復CSS，然後才發現該錯誤，但沒有效果，所以它看起來像是CSS以外的其他東西。我試過驗證HTML和CSS，沒有任何東西顯示它似乎是源代碼。

這方面的例子顯示了這個頁面上：https://critter.co/home/orgs/

來源

2014-02-22 heykatieben

我明白你的意思，除非斜體用於工作，它似乎與網站使用的字體（谷歌字體）有關。如果我更改字體，它將顯示爲斜體，而不是粗體。 –

啊！這是一個很好的線索。還有另一個問題：「強」出現與字母間距.1em造型。我有其他元素（h1-h5，nav），但不強。當我拿走字體時，這也是固定的。谷歌的字體如何做到這一點？我會嘗試下一步直接上傳字體，而不是從Google下載。 – heykatieben

最好在這裏包含你的代碼，然後鏈接到一個網站。如果其他用戶遇到類似問題，並且在問題發生後網站或內容發生更改，則此問題對於未來的讀者而言將變得毫無用處。 –

實際鏈路/代碼：https://fonts.googleapis.com/css?family=Open+Sans:800italic,400

您的網頁上...

你剛纔字體重量：800，爲斜體。

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,400italic,300,300italic,600,600italic,700,700italic,800' rel='stylesheet' type='text/css'>

讓你擁有所有可能的變化... P.S.：

與更改它在CSS中指定字體權重，並且在所有瀏覽器中渲染可以更一致。

來源

2014-02-22 00:55:50 sinisake

很好的答案！如果OP目前只有傾斜，這可以解釋爲什麼瀏覽器在顯示字體時不一致，即某些應用傾斜作爲替代，一些默認爲無。 –

謝謝！ :)我不明白爲什麼顯示會突然改變，因爲在過去幾周裏我沒有改變這條線，但是誰知道。這個答案對我來說很有意義。我只是用這個人的字體替換字體：http://qrohlf.com/posts/better-opensans/ - 並且一切都是固定的。謝謝你的幫助！ :) – heykatieben

斜體是否以粗體顯示？

回答

相關問題