В 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, хранящийся на их серверах, вместо шрифта без засечек по умолчанию.