如何在 JavaScript 中获取没有 CSS 字体定义的元素的渲染字体？

在没有 CSS 定义的情况下检索实际渲染的字体

在 JavaScript 领域，开发人员经常需要确定实际渲染的字体用于呈现特定元素的字体，即使 CSS 中未明确定义与字体相关的属性。当系统或网络浏览器采用默认字体设置进行渲染时，就会出现此问题。

解决方案：

要发现隐藏的字体，开发人员可以利用 getCompulatedStyle 函数，该函数提取元素的计算样式。通过输入所需的属性作为参数，可以获得渲染值，包括字体系列和大小。这是一个简化过程的自定义函数：

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}

用法：

例如，要检索字体大小，只需调用该函数即可：

css(object, 'font-size'); // returns '16px', assuming that's the rendered size

重要注意：

• Internet Explorer 8 不支持此方法。
• 该函数返回一个字符串，因此可能需要后续处理来提取字体系列等特定信息或尺寸。

直播演示：

有关实际示例，请访问 http://jsfiddle.net/4mxzE/ 上的现场演示。这个小提琴演示了如何使用 css() 函数来检索具有未指定字体的 div 元素的渲染字体。

以上是如何在 JavaScript 中获取没有 CSS 字体定义的元素的渲染字体？的详细内容。更多信息请关注PHP中文网其他相关文章！