为什么我不能在某些网站（例如谷歌搜索页面）使用自定义字体

Question

我在 chrome://settings/fonts 中修改了字体，在部分网站有效果，但大部分网站不受影响，这是什么原因造成的？

Answer 1

在 HTML 中，我们可以定义字体系列。假设我想在元素上使用通用无衬线字体<p>。那么我会这样做：

p{
    font-family: sans-serif;
}

现在，这将要求浏览器使用默认的 sans-serif 字体。当您前往 chrome://settings/fonts 更改字体时，它将更改此默认字体。

然而，Google 更喜欢自己的字体。因此，他们会在 css 中创建自定义字体并将其链接到该自定义字体：

@font-face {
    font-family: GooglesNiceFont;
    src: url(pure_aesthetic_genius.ttf);
}

p{
    font-family: GooglesNiceFont;
}

这将始终使用存储在其服务器上的 Google 字体，而不是默认的无衬线字体。