对特殊字符后备字体(Fallback fonts on special characters)

2019-06-14 18:22发布

我在想,如果有可能,使用@字体面的时候,有一个后备的设置,这样,如果我的网页上的文本包含未字体(日文字符例如)中占的字符,只有那些字符中提出一个基本的字体和所有其他角色仍然是自定义字体?

我想象可能有会是有时一个段落中的两种字体的混合。

Answer 1:

你描述的是一个浏览器的默认行为 - 它应该自然地回落到基本字体的缺字。

然而,有时自定义字体使用空格字符,在这种情况下,你可以尝试使用unicode-range

例如:

@font-face {
    font-family: BBCBengali;
    src: url(fonts/BBCBengali.ttf) format("opentype");
    unicode-range: U+00-FF;
}

:从这个有趣的文章,采取建立与Unicode的范围自定义字体堆栈

可惜的是有浏览器支持的问题。



Answer 2:

CSS有默认的备用的系统字体,如果指定的字体不包含字符。 您还可以指定落入字体回。

例如,对于serif字体:

body {
    font-family: "MyNiceFontWithoutJapanesChars", "common serif font", serif;
}

只要后备字体有这些字符默认字体缺失,你应该没事。



文章来源: Fallback fonts on special characters