無法確定字體差異

Question

我正在一個網站上工作，我希望段落和h2標籤具有相同的外觀。

我已經瀏覽了很多遍代碼，但看不到爲什麼它們會出現（稍微有點不同）。

我希望一雙新鮮的眼睛能夠發現它。我希望h2標籤的樣式與段落相同。

該網站是here.

Answer 1

這是關於CSS技巧。 例如：

<style> 
    body { 
     font-size:12px; 
     line-height:1.100; 
     font-family:arial; 
    } 
    h2 { 
     font-size:12px; 
     font-weight:300; 
     line-height:1.100; 
     display:inline; 
     font-family:arial; 
    } 
</style> 

we need <h2>our product</h2> 

則應注意是字體，字體重量和顯示器的尺寸的焦點。鋤這有助於

演示here

如果你需要在p標籤中的H2標籤 DEMO

Answer 2

h2{ 
padding-bottom: 5px; 
color: #808080; 
**letter-spacing: -1px;** 
line-height: 1em; 
font-weight: normal;} 

有字母間距：-1px;爲p元素，它會出現在同一個

Answer 3

你的標題標籤有-1px（在style.css中定義的上線56）的字母間距：

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #808080; letter-spacing: -1px; line-height: 1em; font-weight: normal; } 

我能夠確定這一點使用Chrome的開發者工具通過檢查元素面板中的h2和p標籤，並查看樣式選項卡中的計算樣式以查看它們的不同之處。我注意到H2具有字母間距，而P不：