Javascript 仅从指定字体渲染图示符

我有这个HTML

<div style="font-family: Arial">&#32768;!</div>

Chrome使用Droid作为表意文字

我需要的是：

如果指定字体不包含图示符，请不要渲染符号，或

让JavaScript给我呈现的字体（而不是我设置的未使用的字体）

返回

Arial

您可以将字体系列放在要查看的字体之后，然后不在该字体中的任何字形都不会被渲染

e、 g:

如果您想在JS中测试它，您可以使用一个字体系列（包括Adobe Blank）呈现单个glyph，并测量它们的宽度以查看它是否为零，但您必须遍历每个glyph和要测试的每个字体

据我所知，没有JS方法可以告诉元素字体堆栈中的哪个字体（即堆栈中的多个字体，例如“Arial”、“Segoe UI Symbol”、“Adobe Blank”）呈现哪些字形。不过我很想被证明是错的

---

如果您要查找的只是查看特定字体中的字形的方法：

• 在windows上可用于检查系统上安装的字体
• 或联机您可以将字体上载到

---

我已将您的问题重新格式化了一点。我希望我没有把事情搞砸。干杯如果字体不包含要呈现的字形，它将自动落在CSS中元素

font-family

集中的下一个字体集上，然后落在os字体集上。然后，您可以将所需字体设置为

字体系列

声明中的第二种字体，或者创建一种字体，如果您根本不希望呈现此标志符号，则该字体将视此标志符号为空（但为什么要将其包含在标记中？）。但是，我不确定如何获得每个字符的保留字体…potatopeelings，Kaido，谢谢！

Arial — 1 glyph
Droid Sans Japanese — 1 glyph

document.defaultView.getComputedStyle(document.getElementById("my-div"), null).fontFamily;

font-family: Arial, 'Adobe Blank';