0

我已经搜索了每个地方，原因是字体在 Firefox 中无法正常工作。我找到了几个不同的答案，但似乎没有一个可以解决问题。如果有人能给我一些提示，那就太好了。

代码：

@font-face
{
    font-family:Viking-Normal;
    src: url('../fonts/VIKING.eot') format("opentype"), url('../fonts/VIKING.ttf') format("truetype");
}

div#header
{
    font-family:Viking-Normal !important;
    font-size:58px;
    text-align:center;
    width:780px;
    height:150px;
    background:#0078A8;
    margin-left:auto;
    margin-right:auto;
}
4

1 回答 1

1

了解您已经尝试过的内容会有所帮助，但是通过查看您的代码会想到三件事：

  1. 字体系列名称应在单引号或双引号之间。

    例如，

    font-family: 'Viking-Normal';


  2. 您的字体的路径可能是错误的，您可以通过放置完整的 URL 路径直接从浏览器访问它吗？


  3. 您的浏览器支持的字体文件可能已损坏或缺失。我使用字体松鼠来生成所需的 CSS 和字体文件。

    您只需要上传您的字体文件，它会弹出一个 .zip 文件，其中包含一个带有您的字体的演示、一个 css 就绪文件以及更好的跨浏览器支持所需的格式。

    例如，

    @font-face {
    font-family: 'VikingRegular';
    src: url('viking-webfont.eot');
    src: url('viking-webfont.eot?#iefix') format('embedded-opentype'),
         url('viking-webfont.woff') format('woff'),
         url('viking-webfont.ttf') format('truetype'),
         url('viking-webfont.svg#DearestRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-07-25T01:09:56.643 回答