html - 没有在机器上安装字体的用户在网站上看不到它

<分区>

这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

关闭 6 年前。

我正在开发这个精美的网站: https://omnitored.000webhostapp.com/ 问题是只有在他们的机器上安装了该字体的人才能在网站上看到它，否则它会显示为 Arial。

这是我安装字体后的样子:

这就是那些没有安装字体的人的样子:

此外，我的代表字体的 css 代码:

@font-face {
    font-family: infierno;
    src: url(../fonts/infierno.ttf),
    url(../fonts/infierno.eot),
    url(../fonts/infierno.woff);
}

我确信文件中的所有名称和链接都是正确的，因为它在主机和本地文件上都对我有用。

最佳答案

src 在您的 CSS 代码中拼写错误。另外，字体文件相对于 CSS 文件位于何处？如果 fonts 文件夹位于您的根目录中，您需要将 src 属性更改为在进入 fonts 之前向上一个文件夹文件夹。

@font-face {
    font-family: infierno;
    src: url('../fonts/infierno.ttf');
}

编辑:我在谷歌浏览器中使用这个 @font-face 声明让它工作。让我知道这是否也适合您。

@font-face {
    font-family: infernio;
    src: url(../fonts/infierno.ttf),
      url(../fonts/infierno.woff),
      url(../fonts/infierno.eot);  
}

关于html - 没有在机器上安装字体的用户在网站上看不到它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41416058/

相关文章：

javascript - 将不同尺寸的图像很好地融入拼贴画中