强制网页使用特定字体

Question

我使用 Arial 字体创建了一个问号按钮。

CSS 看起来像这样：

.question {
    font: bold 24px Arial;
}

它在几乎所有浏览器上都能正确显示，如屏幕截图所示。

但是，较新版本的 Android 使用 Roboto 字体而不是 Arial。问号现在偏离中心且宽度错误。

我的问题：是否可以强制浏览器使用 Arial？

Answer 1

您不能强制未安装 Arial 的 device/computer 使用它。您将不得不依赖网络字体才能在任何地方使用 Arial。

此外，您的语法错误，您应该使用 shorthand 属性 font，而不是 font-family（仅用于指定字体和潜在的回退），像这样：

.question {
    font: bold 24px Arial, sans-serif;
}