Question

我的网站的文字是'Cooper Black'，由我的CSS决定。在Android Chrome浏览器中查看时，我发现该文字是默认文件，而不是Cooper Black。

我假设我的字体没有预装，我能做什么？

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

Answer 1

Cooper Black不是我们所说的Web Safe Font，因为它在很高比例的操作系统中找不到。即便如此，像Arial这样的字体只能在Windows机器上找到，所以他们需要有一个后备。

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

从您想要的字体开始，以通用系列结尾，如果没有其他可用的字体，浏览器会选择通用系列中的类似字体：

如果您想使用非标准字体，我们称之为Font Face。

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

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

如果你想找到一个与@ font-face一起使用的漂亮字体，我建议你转到Font Squirrel并使用Webfont Generator。

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

@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。

如果您的应用程序在网络上，您也可以使用Google Fonts，它有一个非常好的库，这意味着您需要做的只是链接到您的网站。

Android Chrome上默认使用文字字体

1 个答案: