渲染网页时，Android 浏览器（Chrome 和 Firefox）中显示意外字体

Question

我的网页显示了意外的字体。我需要将字体显示为 Arial，并且文本的计算字体系列为“Arial、Helvetica、sans-serif”（如预期）

但是当使用模拟器或真实设备在某些 Android 手机（并非全部）上渲染时，字体显示为手写样式字体（我不知道）。

我的问题是：为什么使用这种字体以及如何覆盖它以显示基本的 arial 字体？我附上了几张屏幕截图，一张用于显示的字体，另一张用于在模拟器上使用开发工具时看到的计算样式。

Answer 1

发现问题了。似乎 fontcdn 的人在导入 Arial 字体时有一个奇怪的配置。他们提供的代码要求导入此：

https://fonts.cdnfonts.com/css/arial-2

但是打开该链接时，完整的导入代码是：

@font-face{
font-family:arial;
font-style:normal;
font-weight:900;
src:local('Arial'),url(https://fonts.cdnfonts.com/s/59002/Lalithabai.woff)
format('woff')
}

到处都加载这种奇怪的字体 Lalithabai。我已将此问题报告给 cdnfonts.com。