【发布时间】：2021-11-29 18:01:25
【问题描述】：
有没有办法检测浏览器是否使用其默认字体并仅在使用时才应用字体？我想使用 Helvetica 来提高可读性，但不想覆盖用户的字体选择。
【问题讨论】：
标签： css fonts accessibility typography
【发布时间】：2021-11-29 18:01:25
【问题描述】：
检测默认字体并没有真正的好方法，但有一些 JavaScript 方法可以用来查找元素上的样式：
计算样式 - getComputedStyle 方法可用于访问已将哪些样式应用于元素：
window.getComputedStyle(document.querySelector("your-selector")).fontFamily;
文档头中的样式 - 您可以通过以下方式检查文档中的style elements：
document.querySelectorAll("style")
内联样式 - 您可以通过以下方式获取 font-family 属性的单个元素的 inline styles：
document.querySelector("your-selector").style.fontFamily
外部样式表 - 通过<link> 元素加载的External stylesheets 可以通过以下方式检测：
document.querySelectorAll("link[rel=stylesheet]")
【讨论】：
-
好的，非常感谢您提供的信息 :)