我有以下这段HTML代码
<div style="font-family: Arial">耀!</div>
耀
是一个CJK汉字,并且我的Arial字体中不包含该字形,但是Chrome可以渲染它。
当我查看Web Inspector > Computed styles > Rendered Fonts时,我看到:
Arial — 1 glyph
Droid Sans Japanese — 1 glyph
Chrome使用Droid字体来显示表意文字。
我需要的是:
- 如果指定的字体不包含该字形,则不要呈现该符号,或者
- 让JavaScript获取渲染后的字体(而不是我设置的未使用的字体)。
document.defaultView.getComputedStyle(document.getElementById("my-div"), null).fontFamily;
返回 Arial
。
font-family
中的下一个字体集上,然后落在操作系统上。然后,您可以将所需的字体设置为font-family
声明的第二个字体,或者创建一个字体,如果您不想呈现此字形,则将其视为空白(但是为什么要在标记中包含它?)。但是,我不确定如何获取每个字符的保留字体... - Kaiido