字體拐彎大膽，不應該

好吧，我不打算髮布整個CSS代碼爲了你自己大聲笑，但它在這裏http://pattersoncode.ca/incls/style.css 字體拐彎大膽，不應該

反正，我不知道它是否是一個問題做我瀏覽器（Safari 7），但每當頁面完全加載時，所有文字變成粗體，並且看起來不合適。你可以看到，我已經設置了font-weight：normal！重要的是在我的代碼的很多領域，看看它是否能夠解決它，但它不。

來源

2013-07-10 Austen

使用DOM檢查，檢查中粗體的元素之一。任何值得使用的鹽檢查員都會告訴你已經應用了哪些CSS規則，以及它們來自哪裏。用它來回溯大膽的來源。 –

+1使用檢查員。 webkit檢查員是我個人最喜歡的（隨Chrome/Safari一起提供）。 – qJake

你可以發佈一個小提琴的HTML？ – stackErr

我保證你有一個LABEL或H2未正確關閉。您只有兩個粗體定義的元素：LABEL和H2如果您關閉了標籤或丟失序列，則樣式將在文檔中級聯，從而使所有內容都變爲粗體。

來源

2013-07-10 20:48:57 tgormtx

看起來Google的@ font-face聲明覆蓋了你自己的字體重量。這可能是因爲Google的Font CSS在你的style.css之後正確。試着將谷歌的字體面的CSS您的style.css之前，像這樣：

<link href="http://fonts.googleapis.com/css?family=Muli:300" rel="stylesheet" type="text/css"> 
<link rel="stylesheet" type="text/css" href="http://pattersoncode.ca/incls/style.css">

然後在你的style.css再次復位覆蓋字體重量

來源

2013-07-10 20:57:11 VoodooDS

字體拐彎大膽，不應該

回答

相關問題