-3

我正在尝试在@font-face kit 的帮助下为我的网站使用自定义字体。但是标签内有一些不需要的空间。我使用了 h1 标签。更改标签没有帮助。Chrome 和 IE 中的间距

看一下图片。在 Chrome 和其他人中，顶部有很多空间。但在 IE 中，空格在下面。有什么解决办法吗？

代码 -

@font-face {
font-family: 'kozukalight';
src:url('fonts/kozgopr6nlight.eot');
src:url('fonts/kozgopr6nlight.eot?#iefix') format('embedded-opentype'),
    url('fonts/kozgopr6nlight.woff') format('woff'), 
    url('fonts/kozgopr6nlight.ttf') format('truetype'),     
    url('fonts/kozgopr6nlight.svg#kozukalight') format('svg');
font-weight:normal;
font-style:normal;  
}

h1 {
font: 60px 'kozukalight', Helvetica, Arial, sans-serif;
text-shadow: 0 1px rgba(255,255,255,0.5);
color: #383838;
}     

<body>
<h1>News and Events</h1>
</body>
4

1 回答 1

0

这与自定义字体无关。<h1>有默认边距，所以你必须摆脱它：

h1 {
    font: 60px 'kozukalight', Helvetica, Arial, sans-serif;
    text-shadow: 0 1px rgba(255,255,255,0.5);
    color: #383838; padding: 0; margin: 0;
}

请参阅fiddle默认行为（如您所描述的大量“空间”）并更新 fiddle并将边距设置为 0。

于 2013-05-02T11:03:02.060 回答