Question

我在mozilla浏览器和chrome中遇到了font-face的问题。实际上，我使用font-face并且它的工作正常，但这是我第一次使用font-face with font：Penshurst并且它不起作用。当我使用另一种字体工作正常。

这是我的字体代码：

@font-face{
    font-family:Penshurst;
    src:url("../../plugin/font/penshurst.ttf"),url("../../plugin/font/penshurst.eot");
}
@font-face{
    font-family:Century Regular;
    src:url("../../plugin/font/century gothic regular.ttf"),url("../../plugin/font/century gothic regular.eot");
}

对于带有字体的字体：Century Regular，它工作正常，但对于Penshurst它不起作用。

对此问题的任何建议？ THX

Answer 1

这是正确的格式：

@font-face {font-family: 'Penshurst';
    src: url('../../plugin/font/penshurst.eot');
    src: url('../../plugin/font/penshurst.eot?#iefix') format('embedded-opentype')? /* if needed for IE */,
         url('../../plugin/font/penshurst.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

...还你可能需要这个：

     `url('../../plugin/font/penshurst.woff') format('woff'),`

...你可能需要转换才能得到这个...（请参阅下面我的评论中的链接）

确保您的服务器IIS具有.eot / .otf / .ttf / .woff的MIME类型，这样您就可以在本地或在线（服务器）预览它们......最后即使您可以看到Century Regular没有t表示您的服务器/ localhost中的Penshurst

：）

字体在mozilla和chrome中不起作用

1 个答案: