HTML未指定字体时浏览器是否调用本地系统字体渲染页面

无自定义样式的HTML是否会调用本地系统字体渲染？ #

会。你给出的这段没有写任何自定义CSS的极简HTML代码：

<body>
  Stack Overflow 
</body>

渲染时完全走浏览器内置的默认样式规则，在没有引入任何远程网络字体的前提下，所有文本都会调用本地已安装的系统字体完成渲染。Windows平台下浏览器读取本地字体的默认路径就是C:\Windows\Fonts目录，不会额外发起网络请求拉取字体资源。

不同浏览器默认字体配置不同，是否会导致同个页面显示效果不一致？ #

是会出现差异的。不同浏览器、不同操作系统的默认字体配置是相互独立的，哪怕是完全相同的无样式纯文本，在不同环境下的字形、字间距、行高、字重都会有可感知的区别：

• Windows平台Chrome的默认标准无衬线字体是Arial，旧版Firefox默认标准衬线字体是Times New Roman，新版本可跟随系统设置动态调整
• macOS平台下浏览器默认的无衬线字体通常是San Francisco，和Windows平台的Arial显示效果差异非常明显

浏览器默认配置的字体本地未安装时，是自动替换字体还是显示空白？ #

不会出现内容空白。浏览器自带成熟的字体回退（fallback）机制：

• 首先匹配自身设置里的首选默认字体，如果本地没有安装对应字体，会自动顺着系统预设的字体匹配链，查找下一个可用的同类型字体完成渲染
• 举个例子，如果Windows系统里的Arial被意外删除，Chrome会自动回退到微软雅黑、Tahoma等系统自带的可用无衬线字体渲染文字，只会出现字形上的差异，不会出现文字缺失、空白的问题
• 只有当CSS里强制指定了必须加载的远程字体、且远程字体加载失败同时没有配置任何本地兜底字体的极端场景下，才可能出现短暂的显示异常，但哪怕这种情况，浏览器最终还是会调用系统级兜底字体显示文本，不会留空。

内容的提问来源于stack exchange，提问作者dovod74538