2017-02-25 52 views
-1

一段時間以來,我的WordPress博客中的文字總是加粗。它並不總是這樣,我不知道哪個CSS/HTML設置導致這一點。爲什麼我的網站上的所有文字都是粗體的?

你能幫我嗎?這裏的鏈接網站:

http://8mrd.com/2017/02/11/indien-wirtschaft-2040-usa/

+0

其中在特定的文本?一切看起來都很好。你正在使用哪種瀏覽器? – Lissy

+0

^同樣在這裏 - 看起來很好:https://puu.sh/uj7sY/40b11d3ccc.png –

+0

我想這是因爲你使用的一些標籤已被棄用(如'')。它可能會導致瀏覽器之間顯示不一致。 – Lissy

回答

0

有幾個問題在這裏:

  • 不要使用<font>標籤,它的棄用。它現在可能工作,但可以在任何時候刪除。請嘗試使用<p>或內嵌文本<span>標籤。然後用CSS代替所有的字體樣式。
  • 指定字體重量。一些HTML元素(例如<h1><label>)默認爲粗體(在大多數瀏覽器中)。如果您指定他們的font-weight等於400normal,則應該完成這項工作。
  • 您的網頁上還有一些HTML錯誤,例如錯誤嵌套的元素。這可能會導致意外的顯示效果。
  • 儘量避免在你的CSS中使用!important,因爲你可以讓自己進入一個正確的醃菜,試圖用重要的important重載importans。基本上都不是necissary

HTML:

<h1> India's Economy </h1> 
<p class="intro-text"> 
    Dear readers, the age of economic dominance 
    of the West is coming to an end. ...... 
<p> 

CSS:

h1{ 
    font-weight: normal; 
} 

p.intro-text{ 
    // Add some other text styles in here... 
} 
+0

您還應該將'!important'標誌添加到'font-weight:normal'中,以確保沒有任何東西被覆蓋。 –

+1

noooooo! 「重要」是邪惡的。避免不惜一切代價;) 在這種情況下不應該需要,因爲樣式表總是比瀏覽器的默認值具有更高的特異性。 您的權利,但它可能是有用的,如果沒有其他方式來改變順序。 查閱這篇文章以獲得更多細節,我猜想有一個比觸摸'!important'更好的方法:https://developer.mozilla.org/en/docs/Web/CSS/Specificity – Lissy

相關問題