要去除网页中显式设置的字体和字号,首先要了解浏览器默认的用户代理样式表(User Agent Stylesheet)行为。

在没有任何 CSS 的情况下,浏览器会使用用户代理样式表的默认值,通常把font-family设为 Times New Roman,把font-size设为 16px(对 body 元素)。这些默认样式会在页面渲染时作为最终的字体和字号,除非被显式覆盖。
如果页面已经通过 CSS 为font-family、font-size或简写属性font设置了具体值,想要把这些值去掉,最直接的办法是使用 CSS 重置(Reset)或利用 CSS 的全局继承关键字。
① 使用inherit:让元素的字体属性继承父元素的值,这样即使父元素已经设置了自定义字体,也会保持统一。例如:
* { font-family: inherit; font-size: inherit; }
② 使用unset:会撤销当前元素上已经明确指定的属性,使其恢复到自然继承或初始状态。对font-family与font-size使用unset的写法如下:
* { font-family: unset; font-size: unset; }
③ 使用initial:把属性直接设为浏览器的初始值,即恢复为用户代理默认的字体和字号。需要注意的是,initial并不等同于“去掉所有样式”,它会把font-size设为 medium(通常 16px),font-family设为 Times New Roman 等 UA 默认值。如果想彻底去除自定义样式但仍保持可读性,建议使用inherit或unset。
在实际项目中,常用的做法是把上述规则写入全局 CSS 重置文件(如 normalize.css、reset.css),或者直接在需要的容器上覆盖。例如:
body, body * { font-family: inherit; font-size: inherit; }
如果页面中使用行内样式(style="...")或内联