CSS字体属性未定义时，如何在JavaScript中获取实际渲染的字体？-css教程-PHP中文网

CSS字体属性未定义时，如何在JavaScript中获取实际渲染的字体？

Patricia Arquette

发布： 2024-11-26 07:32:09

原创

175 人浏览过

How Can I Get the Actual Rendered Font in JavaScript When CSS Font Properties Are Undefined?

在 CSS 中未定义时访问实际渲染的字体

访问元素的字体属性时，JavaScript object.style.fontFamily 和 object如果未显式设置相应的 CSS 属性，.style.fontSize 可能会返回空值。但是，这并不意味着该元素在没有字体的情况下呈现。浏览器通常会应用默认或继承的样式，这些样式定义实际渲染的字体。

要检索渲染的字体信息，您可以使用 getCompulatedStyle 方法：

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

登录后复制

例如：

css(object, 'font-size') // returns '16px'

登录后复制

此方法返回指定属性的计算值，即使它没有在CSS。

注意： IE8 不支持 getCompulatedStyle。

现场演示：

[https://jsfiddle .net/4mxzE/](https://jsfiddle.net/4mxzE/)

以上是CSS字体属性未定义时，如何在JavaScript中获取实际渲染的字体？的详细内容。更多信息请关注PHP中文网其他相关文章！