如何使@font-face 中的 unicode-range 仅加载拉丁字符？（CSS）答案

【问题标题】：How do I make the unicode-range in @font-face for only load Latin characters? (css)如何使@font-face 中的 unicode-range 仅加载拉丁字符？（CSS）
【发布时间】：2022-01-25 19:28:48
【问题描述】：

我在网站上使用仅拉丁范围字符，但在我的 woff2/ttf 中还有许多其他类型的字符，例如 Š Č â... 如何是否使用unicode-range - @font-face 设置仅拉丁字符的特定范围？

【问题讨论】：

你能解释一下所有字符都有什么问题吗？
我看到普通的 woff2/ttf 文件只有拉丁字符，它比有很多字符的文件轻得多。我认为 unicode 范围会卸载...

标签： html css unicode font-face unicode-string

【解决方案1】：

由于目的是减轻完整字体的下载，因此 unicode-range 将无济于事。

见MDN

unicode-range CSS 描述符设置要使用的特定字符范围，来自@font-face 定义的字体，并可在当前页面上使用。如果页面不使用此范围内的任何字符，则不下载字体；如果它至少使用一个，则下载整个字体。

唯一的出路似乎是只使用所需的字符创建另一种字体。

【讨论】：