是否可以在网页上指定每种语言使用哪种 Google 字体？

Posted 2023-02-24

【中文标题】是否可以在网页上指定每种语言使用哪种 Google 字体？

【英文标题】：Is it possible to specify which Google font to use per language on a web page?

【发布时间】：2022-01-15 15:22:17

【问题描述】：

我有一个页面，它需要一种用于英文字符的 Google 字体和另一种用于泰文字符的 Google 字体。

可以使用@font-face 语法通过定义哪个unicode character range 应该使用哪个字体来使用它。

但是，Google 字体不提供任何使用 @font-face 语法的选项。使用 Google 的 @import 或 <link> 声明导入字体时，有什么方法可以指定 unicode 字符范围？

【参考方案1】：

可以通过加载 Google 提供的 URL 手动查找此语法。例如，Noto Sans Thai 的 @import 规则是这样的：

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@200;400&display=swap');

加载that URL directly 会显示@font-face 声明。

不幸的是，这些都是及时修复的，并且最终会在字体更新时变得陈旧。这意味着未来的用户将始终需要下载此特定版本的字体，即使他们的浏览器中缓存了更新的版本。