删除Google Font的link标签后字体仍生效,是否为浏览器调用系统字体?
问题解答
你推测的「font-family声明对应字体后,浏览器自动调用系统内已安装的同名字体」是该现象最常见的诱因,除此之外还有几种可能也会触发相同表现:
- 浏览器缓存残留:你之前访问页面时已经下载过对应Google Font的字体文件,在缓存未过期的前提下,即使删除了引入字体的
link标签,短时间内浏览器仍会调用缓存中的字体文件完成渲染,你可以清空浏览器缓存后强制刷新页面验证该情况。 - 字体存在其他引入路径:如果项目中其他CSS文件、
@import语句、或是第三方加载的样式、脚本中仍包含该Google Font的引入逻辑,字体也可以正常加载使用。 - 字体 fallback 误判:如果你
font-family属性的字体列表中,该Google Font之后声明的备用字体和它外观高度相似,可能会出现你误判实际渲染字体的情况,可以打开浏览器开发者工具的「元素-计算样式」面板,查看当前元素实际调用的字体名称确认。
浏览器渲染字体的默认优先级规则为:优先加载页面主动引入的Web字体 > 匹配系统中已安装的同名字体 > 按font-family的声明顺序依次匹配后续备用字体,所以如果你的设备上刚好安装了对应Google Font的本地版本,删除Web字体引入逻辑后,确实会自动调用本地字体实现和之前一致的渲染效果。
内容的提问来源于stack exchange,提问作者mercury
相关产品推荐
相关产品推荐

