Почему я не могу использовать настроенный шрифт на некоторых сайтах, таких как страница поиска Google

Question

Я изменил свои шрифты в chrome://settings/fonts. Это действует на некоторых сайтах. Но больше сайтов не влияют. Что за этим стоит?

Answer 1

В HTML мы можем определить семейства шрифтов. Скажем, я хотел использовать общий шрифт без засечек для моих элементов <p> . Тогда я бы сделал это:

p{
    font-family: sans-serif;
}

Теперь это попросит браузер использовать шрифт без засечек по умолчанию. И когда вы зашли в chrome://settings/fonts, чтобы изменить ваши шрифты, он изменит этот шрифт по умолчанию.

Тем не менее, Google любит свои собственные шрифты. Таким образом, вместо этого они создадут собственный шрифт в css и свяжут его с указанным нестандартным шрифтом:

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

p{
    font-family: GooglesNiceFont;
}

При этом всегда будет использоваться шрифт Google, хранящийся на их серверах, вместо шрифта без засечек по умолчанию.