首页 > web前端 > css教程 > 当 CSS 没有显式定义时,如何获取应用的字体?

当 CSS 没有显式定义时,如何获取应用的字体?

Barbara Streisand
发布: 2024-12-01 21:43:10
原创
708 人浏览过

How Can I Get the Applied Font in CSS When It's Not Explicitly Defined?

在 CSS 中未定义时获取应用字体

在 Web 开发中,可能需要访问用于渲染元素的实际字体当 CSS 没有明确指定它时。如果文本继承默认样式或隐藏在系统或浏览器的默认设置中,则可能会发生这种情况。

要检索此信息,您可以使用 getCompulatedStyle 函数:

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}
登录后复制

该函数有两个参数:一个元素和一个 CSS 属性。例如,要确定对象的字体大小,您可以使用:

css(object, 'font-size') // returns '16px' for instance
登录后复制

需要注意的是,IE8 不支持此方法。

现场演示:

[JS 小提琴演示](http://jsfiddle.net/4mxzE/)

这个演示展示了 css 函数在实际应用中的用法。它使用自定义字体呈现 div 元素,并利用该功能在浏览器控制台中记录应用的字体。

以上是当 CSS 没有显式定义时,如何获取应用的字体?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板