在 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中文网其他相关文章!

文章讨论了CSS FlexBox,这是一种布局方法,用于有效地对齐和分布响应设计中的空间。它说明了FlexBox用法,将其与CSS网格进行了比较,并详细浏览了浏览器支持。

本文讨论了使用CSS创建响应网站的技术,包括视口元标签,灵活的网格,流体媒体,媒体查询和相对单元。它还涵盖了使用CSS网格和Flexbox一起使用,并推荐CSS框架

本文讨论了CSS盒装属性,该属性控制了元素维度的计算方式。它解释了诸如Content-Box,Border-Box和Padding-Box之类的值,以及它们对布局设计和形式对齐的影响。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

Atom编辑器mac版下载
最流行的的开源编辑器

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

禅工作室 13.0.1
功能强大的PHP集成开发环境

SublimeText3汉化版
中文版,非常好用

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。