如何从javascript确定实际使用的字体

从中，可以通过Chrome的开发工具检查渲染字体。但是我们如何直接从JavaScript获取这些信息呢

---

例如，我想创建一个网页，显示该网页上实际呈现的字体。

我认为该功能可以工作

var div=document.getElementById（'show'）； 函数showCSS（元素、属性）{ 返回窗口.getComputedStyle（元素，null）.getPropertyValue（属性）； } 让fontName=showCSS（div，'font-family'）； var para=document.createElement（“p”）； var node=document.createTextNode（'Font Name:'+fontName）； 子节点（节点）段； var元素=document.getElementById（“fontName”）； 元素。追加子元素（段落）

div{
字体系列：Arial
}

Text:显示字体名称

我认为这个功能可以工作

var div=document.getElementById（'show'）； 函数showCSS（元素、属性）{ 返回窗口.getComputedStyle（元素，null）.getPropertyValue（属性）； } 让fontName=showCSS（div，'font-family'）； var para=document.createElement（“p”）； var node=document.createTextNode（'Font Name:'+fontName）； 子节点（节点）段； var元素=document.getElementById（“fontName”）； 元素。追加子元素（段落）

div{
字体系列：Arial
}

Text:显示字体名称

然后将其设置为

monospace

，您将找不到

“Courrier New”

或任何真正的字体。并将文本内容设置为“안녕" 尽管Arial没有这两个字符，但它仍然会报告“Arial”事件。然后将其设置为

monospace

，您将找不到

“Courrier New”

或任何真正的字体。然后将文本内容设置为“안녕虽然Arial没有这两个字符，但它仍然会报告“Arial”事件。对不起，但您的问题与此有什么不同？请注意，“正确”答案是，这是“猜测”的方法之一“我想要的是检索chrome获得的值。这里的答案不能给出与chrome开发工具相同的结果。devtools协议定义了，但我不知道如何在网页中访问它。此API仅可供扩展访问，而不可供web内容访问。你想要什么是不可能的。对不起，但是你的问题与我的问题有什么不同？请注意，“正确”的答案是，而“猜测”我想要的是什么的方法之一是检索chrome获得的值。这里的答案不能给出与chrome开发工具相同的结果。devtools协议定义了，但我不知道如何在网页中访问它。此API仅可供扩展访问，而不可供web内容访问。你想要的是不可能的。