Firefox 是不是支持任何真正的草书字体？

Posted 2023-03-06

【中文标题】Firefox 是不是支持任何真正的草书字体？

【英文标题】：Does Firefox support any truly cursive fonts?Firefox 是否支持任何真正的草书字体？

【发布时间】：2020-12-31 17:25:22

【问题描述】：

我正在尝试构建一个网页，并且需要某种相当独特的草书字体（不是太疯狂，但仍然可以与标准打印区分开来）。但是，当我在 Firefox 中查看此页面时：https://www.w3.org/Style/Examples/007/fonts.en.html

我的浏览器以近似标准字体呈现所有这些字体——它们看起来都不够草书。由于这只是 Firefox 的开箱即用安装，我想这就是大多数用户使用相同设备时它在屏幕上呈现的方式。

有没有办法强制为使用标准 Firefox 的人呈现更草书的字体？

【问题讨论】：

浏览器通常不附带任何字体，它们使用系统上安装的字体。如果您希望所有用户都使用相同的字体，请使用网络字体。

你会在标准字体上使用 font-style: italic 吗？为什么不从 Google 或 Typekit 中选择真正的斜体字体，而不是倾斜常规字体来加载斜体字体版本？

【参考方案1】：

如前所述，该示例中的字体因设备而不是浏览器而异。 当您在样式表中设置非特定字体系列时，例如font-family:sans-serif; 或 font-family:cursive; 实际使用的字体将完全取决于访问者的操作系统和安装的字体。

在该链接中，它向您显示了可能安装或未安装的各种系统字体，系统默认设置为备用，每个字体旁边都有一张图片，显示如果您的系统具有该字体，它应该是什么样子。这会因人而异。当您考虑到有时备用字体甚至会因操作系统版本而异时，这会变得相当复杂。

因此，为了获得更完整的控制，许多开发人员转向网络字体。我在我的网站上使用了很多 Google 字体； https://fonts.google.com/

使用网络字体有不同的方法，但我觉得这种方法最简单；

/*put imports at the top of your stylesheet*/
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

h2 font-family:"Lobster", cursive;

<h2>I'm A Webfont</h2>