css - 自定义字体在 Windows 上无法正确显示英语以外的语言

Question

我的问题是自定义字体在 Windows 或 Linux Chrome 浏览器上适用于英语，但在 Windows 上无法正确显示其他语言，尽管它似乎在 Linux 上运行良好。

我使用的是自定义字体“Source Sans Pro”。

 body {
   font-family: 'Source Sans Pro', sans-serif;
 }

这里是渲染的例子。

Linux 渲染英文

Linux 渲染其他语言，例如:泰米尔语

Windows渲染英文

Windows 渲染其他语言，例如:泰米尔语

让我知道为什么会这样以及如何解决。

提前致谢。

Answer 1

调试自定义字体时，我会打开开发者工具并进行一些检查:

• 检查网络标签，字体文件加载了吗？
• 检查元素，是否应用了后备字体而不是我的自定义字体？在您的示例中，使用带有衬线的后备字体会使后备字体被应用时更加明显。
• 如果正在加载和应用字体，它是否支持我要求的样式？精致的粗体或浅色样式、西里尔文或其他语言需要额外的文件。例如，尝试选择 Roboto并访问底部抽屉中的自定义选项卡。

加载自定义字体有多种方法。鉴于 Source Sans Pro 可在 Google 字体上使用，这里是其 documentation 的链接开始。