如何为 font-face 中不支持的字符添加后备字体？

Question

我在网站上使用希伯来语的自定义字体，但缺少整套英文字符 ab、AZ。

现在我在body标签上使用字体（reformaregular）：

body { font-family: 'reformaregular', Arial, Halvetica, sans-serif; }

Windows 系统默认的衬线字体 Times New Roman 中出现英文字符：

请注意底部的英文衬线和顶部的自定义希伯来字体。

除了用自定义.en类标记所有内容之外；

我的问题是如何添加英文字体的后备？

Answer 1

实际上，如果我正确理解你的问题，你可以使用 cssunicode-range

请参阅@font-face/unicode-range： https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range

和一个简单的例子：

@font-face {
    font-family: Almoni;
    src: url(Almoni.ttf);
    unicode-range: U+0590-05FF;
}
@font-face {
    font-family: CoolOtherLanguageFont;
    src: url(CoolOtherLanguageFont.ttf);
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}
body {
    font-family: Almoni, CoolOtherLanguageFont, Helvetica;
}