为什么有些网站继续渲染本地字体?

为什么有些网站继续渲染本地字体?

举个例子。看看 Docker 的网站。 Docker

我发现它正在渲染本地字体,但我不知道为什么以及如何...... 本地字体

禁用本地字体并重新加载可以正常工作,但一旦我退出 Dev Options,它就会恢复到原始形式。PS:这在设备上的所有浏览器上都是相同的,但在其他设备上可以正常工作。那么,这是因为我在此设备上下载了额外的字体而导致的问题吗?但我也尝试过将其删除。我所寻找的只是一个永久的解决方案。

編輯:

取消选中此项也有效。 字体
这是否意味着我需要安装这种字体,否则页面将在我的 PC 上使用随机字体?

已检查

已检查

未选中

未选中

答案1

网站字体的工作方式是,它们会逐个列出一堆字体,然后浏览器会查看您的计算机是否安装了该字体。如果安装了,则使用该字体;如果没有安装,则浏览器会转到列表中的下一个字体,最终找到一个通用字体,如果找不到更具体的字体,则将其作为默认字体。

例如,

font-family: Arial, Helvetica, sans-serif;

在网站上,如果您安装了 Arial 并使用它,或者如果没有,请尝试使用 Helvetica,或者最后,如果您都没有这两种字体,请使用计算机上默认的无衬线字体。

网站还可以使用互联网字体,这允许它们通过互联网加载设备上不存在的字体。如果它选择的字体,无论多么不寻常,如果您的设备上有字体,它将从您的设备加载字体,而不是尝试当场下载,从而节省加载时间。如果出于某种原因,互联网字体无法加载,网站将默认使用已安装的字体。

“禁用本地字体”选项是为网络开发人员提供的,这样他们就可以测试互联网字体是否确实可以正确加载,即使开发人员的机器上安装了字体(否则网站会从他们的机器上拉取字体,而不是通过互联网加载)。这就是为什么它出现在开发工具中,也是为什么它只被启用当你打开开发工具时

简而言之,您无法强制浏览器不使用已安装的字体:如果没有其他字体,这是预期的行为。如果您看到已安装的字体,则可能发生以下情况之一:

  1. 该网站选择该特定字体作为其首选字体。
  2. 互联网字体未加载,默认使用此字体
  3. 发生了一些非常奇怪的错误

您可以通过打开开发工具并检查控制台中是否存在与加载字体相关的错误来排除故障,同时检查 CSS 中指定的字体以查看它是否使用了正确的字体。

相关内容