Html Android Chrome上默认使用文本字体

我的网站的文本是“库珀黑”，这是我的CSS中指定的。在Android Chrome浏览器中查看时，我看到文本是默认文本，而不是库珀黑

我假设我的字体没有预加载，我能做什么

.sitetext-white {
    font-family: 'Cooper Black';
    color: white;
}

---

库珀·布莱克不是我们所说的a，因为它在操作系统中的比例并不高。即便如此，像Arial这样的字体也只能在Windows机器上找到，所以它们需要有一个后备

font family属性应包含多个字体名称作为“备用”系统，以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一种字体，它将尝试使用下一种字体

以所需字体开始，以通用族结束，以便在没有其他字体可用的情况下，让浏览器在通用族中选择类似的字体：

如果你想使用非标准字体，我们有我们称之为的

使用@font-face规则，网页设计师不再需要使用“网页安全”字体之一

在新的@font-face规则中，必须首先定义字体名称（例如myFirstFont），然后指向字体文件

如果你想找到一个好的字体来使用@font-face，我建议你去使用

如何最好地设置@font-face语法可以在Google的Paul Irish上找到：

@font-face {
    font-family: 'Graublau Web';
    src: url('GraublauWeb.eot?') format('eot'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}

这是Fontspring@font-face语法。我将回到为什么这是最好的解决方案，但让我们首先回顾一下其他技术的弱点。当然，问题的核心是IE需要.eot字体，而其他浏览器必须使用.ttf或.otf

---

如果您的应用程序位于web上，您也可以使用它，它有一个非常好的库，这意味着您只需在网站中链接到它。

如何在Chrome应用程序上实现这一点您如何加载字体？显示

@import

或

@font-face

。除非您确定该网站上有

Cooper Black

：为什么会有？假设每个系统上都没有您尝试使用的按名称命名的字体，除非您通过使用

@font-face

导入来确保它是可用的。我认为您在这里领先于我-我不认为每个系统上都有它，事实上我不理解它，这就是我发布此问题的原因。我如何缓解这种情况？“你提到了一种使字体“在网站上可用”的方法——你能对此进行扩展吗？@Lister先生，我只知道问题中的代码是什么。我不加载的字体，反正我不认为。你能扩展“用导入或字体脸加载字体”吗？很好，所以字体脸是最好的选择-我来看看！我有一个问题-当你陈述你的ttf位置时，它是在你的服务器上还是指向一个url，如果它是在你的本地以外的地方托管的，我希望它是http://etc？@Fearghal答案中的示例是在与当前文件相同的位置查找字体文件。我认为你可以使用任何一种方法，只要它能找到文件。