Question

iam使用@ font-face css函数来使用自定义字体。除了任何版本的firefox mac之外，它们在Windows和Mac上的所有浏览器（即chrome，safari，opera）中看起来都很棒。

基本上，字体是在所有h1 h2和p标签的字体上方和下方添加填充，仅在firefox mac 上使用此字体。但是当在 windows 机器上使用相同版本的firefox时，字体渲染完全没有任何额外的填充。

在mac和pc上的所有其他浏览器上，字体渲染完全正常，没有这个额外的填充。它就在firefox mac上！

以下是我使用的@ font-face css代码，由font-squirrel使用推荐的设置生成。

@font-face {
    font-family: 'TelegraficoRegular';

    src: url('telegrafico-webfont-webfont.eot');
    src: url('telegrafico-webfont-webfont.eot?iefix') format('eot'),
         url('telegrafico-webfont-webfont.woff') format('woff'),
         url('telegrafico-webfont-webfont.ttf') format('truetype'),
         url('telegrafico-webfont-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TelegraficoRegular';

    src: url('telegrafico-webfont-webfont.eot');
    src: url('telegrafico-webfont-webfont.eot?iefix') format('eot'),
         url('telegrafico-webfont-webfont.woff') format('woff'),
         url('telegrafico-webfont-webfont.ttf') format('truetype'),
         url('telegrafico-webfont-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TelegraficoRegular';

    src: url('telegrafico-webfont.eot');
    src: url('telegrafico-webfont.eot?iefix') format('eot'),
         url('telegrafico-webfont.woff') format('woff'),
         url('telegrafico-webfont.ttf') format('truetype'),
         url('telegrafico-webfont.svg#webfontRUJiw7XW') format('svg');
    font-weight: normal;
    font-style: normal;

}

这是我已经应用于h1 h2标签的css的一个例子

#logo h1 { 
font-family:'TelegraficoRegular';
font-size:60px;
margin:0;
padding:0;

}

即使有说明边距：0和填充：0它仍然在顶部和底部添加填充或东西，但只是在firefox mac中。

自从它在一个平台上的一个浏览器上以来，它非常莫名其妙。如果是字体文件的问题，你会发现在其他浏览器中复制问题。

我真的很感激任何帮助。感谢您

杰克

@ font-face firefox mac only。在文本上填充顶部和底部

0 个答案: