无法确定字体的差异

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（在第56行的style.css中定义）：

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没有：