Добрый день. В этой статье рассмотрим как просто подключить любой шрифт на Ваш сайт. Итак, приступим... Подключаем шрифт google на сайт Для начала, по традиции, создаем файл test.html и style.css в любой из папок Вашего ПК. Открываем Ваш файл test.html и в самом верху подключаем стили нашей странички таким кодом: <head>
<link rel="stylesheet" href="style.css">
</head> Далее, открываем сайт со шрифтами https://fonts.google.com/, выбираем любой понравившийся, и жмем на него. Открывается такая страница...
Подключение, оптимизация, FOIT/ FOUT/FOFT, font-display, предзагрузка, глифы. Для начала стоит выбрать правильный формат шрифта. Нам идеально подходят WOFF и WOFF2 — форматы, которые отличаются высокой степенью сжатия. WOFF2 — усовершенствованная версия предшественника, этот формат можно считать лучшим из существующих. Тем не менее, поддержка WOFF2 хотя и очень хорошая, но пока не абсолютная, поэтому в качестве подстраховки для не самых современных браузеров стоит использовать WOFF. Подключение шрифтов с помощью Google Fonts...