【问题标题】:Is it possible to specify which Google font to use per language on a web page?是否可以在网页上指定每种语言使用哪种 Google 字体?
【发布时间】:2022-01-15 15:22:17
【问题描述】:
我有一个页面,它需要一种用于英文字符的 Google 字体和另一种用于泰文字符的 Google 字体。
可以使用@font-face 语法通过定义哪个unicode character range 应该使用哪个字体来使用它。
但是,Google 字体不提供任何使用 @font-face 语法的选项。使用 Google 的 @import 或 <link> 声明导入字体时,有什么方法可以指定 unicode 字符范围?
【问题讨论】:
标签:
css
unicode
google-fonts
【解决方案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 声明。
不幸的是,这些都是及时修复的,并且最终会在字体更新时变得陈旧。这意味着未来的用户将始终需要下载此特定版本的字体,即使他们的浏览器中缓存了更新的版本。