CSS Div/Box字体问题

CSS框中有一个奇怪的错误。段落标记之间的间距越来越大：

如您所见，标题和段落之间存在多行间距

HTML将如下所示：

<div class="exampleboxshadowf">
<span class="examplelabelboxshadow">

<h1>Introduction</h1>
<p>Some info</p>
<h1><em>Location, Location</em></1>
<p>More Info</p>

我设置了字体和p，h标记，如：

h1 {
font-size: 16px;
font-family: 'Noticia Text';
}

h2 {
font-size: 18px;
 font-family: 'Noticia Text';

}

p {
font-size: 15px;
  font-family: 'Noticia Text';

}

body, span {
margin:0;
padding:0;

}

Notifia文本是一种谷歌字体，已导入，我可以确认它工作正常

---

知道是什么导致了这种奇怪的间距吗？

指定

h1

和

h2

的边距，以及

。还要注意的是，如果您有

位置：fixed

，则不需要边距。代码如下：

div.exampleboxshadowf {
     background-color: #eee;
     position:fixed;
     top:30px;
     left:100px;
     overflow: scroll;
     height: 575px;
     width: 840px;
     text-align: center;
     -webkit-box-shadow: 0 0 5px 5px #888;
        -moz-box-shadow: 0 0 5px 5px #888;
             box-shadow: 0 0 5px 5px #888
}
div.exampleboxshadowf h1 {
     font-size: 16px;
     font-family: 'Noticia Text';
     margin: 5px auto
}
div.exampleboxshadowf h2 {
     font-size: 18px;
     font-family: 'Noticia Text';
     margin: 5px auto
}
div.exampleboxshadowf p{
     margin: 5px
}

---

检查元素的样式，并检查是否存在

行高

、

填充

和

边距

。此JSBin似乎具有正常间距，因此它是字体或其他样式。正如Tim在上面提到的，检查元素，看看是什么导致了它。

div.exampleboxshadowf {
     background-color: #eee;
     position:fixed;
     top:30px;
     left:100px;
     overflow: scroll;
     height: 575px;
     width: 840px;
     text-align: center;
     -webkit-box-shadow: 0 0 5px 5px #888;
        -moz-box-shadow: 0 0 5px 5px #888;
             box-shadow: 0 0 5px 5px #888
}
div.exampleboxshadowf h1 {
     font-size: 16px;
     font-family: 'Noticia Text';
     margin: 5px auto
}
div.exampleboxshadowf h2 {
     font-size: 18px;
     font-family: 'Noticia Text';
     margin: 5px auto
}
div.exampleboxshadowf p{
     margin: 5px
}