html - 如果 font-face 不存在，CSS 更改文本？

Question

有没有一种方法可以根据用户是否具有某种字体(最好没有 javascript)来更改 HTML 文件中显示的文本？

例如，如果我想显示一个字体“AlphaIcons”:

<span>A</span>

否则我要显示:

<span><img src="apple.png">Apple</span>

(在这种情况下，将字体提供给没有字体的用户不是一种选择)。

Answer 1

已编辑*** 查看这篇文章 - 它可能会引导您朝着正确的方向前进: Changing Body Font-Size based on Font-Family with jQuery

在第一个答案中，它给出了一个可以检测字体的新库。如果您可以给它一个 true/false bool 值，那么您可以写入图像交换。

---

我相信 CSS 已经可以为您做到这一点，使用 font-family 可以优先考虑您要使用的字体。如果它在用户系统上找不到第一个字体，它将转到下一个。

http://www.w3schools.com/css/css_font.asp

像这样使用css:

span {
    font-family:"AlphaIcons", "Times New Roman", Times, serif;
}

还是我遗漏了什么？？？

如果您想使用 javascript 制作一些更漂亮的字体，请查看 Google 的 webfont 库: http://www.google.com/webfonts