Web页面字体和accessability

Question

是否有一种方法可以检测浏览器是否使用其默认字体，并且仅在使用时应用该字体?我想使用Helvetica字体来提高可读性，但不想覆盖用户的字体选择。

Answer 1

没有很好的方法来检测默认字体，但是有一些JavaScript方法可以用来查找元素的样式:

<<p>计算风格/strong>-getComputedStyle方法可用于访问已应用于元素的样式:

window.getComputedStyle(document.querySelector("your-selector")).fontFamily;

文档头部样式-你可以用

来检查文档中的样式元素

document.querySelectorAll("style")

内联样式-你可以通过font-family属性:

获取单个元素的内联样式

document.querySelector("your-selector").style.fontFamily

外部样式表-通过<link>元素加载的外部样式表可以使用:

检测

document.querySelectorAll("link[rel=stylesheet]")