sfd
Подключение и оптимизация Веб-Шрифтов.
Подключение, оптимизация, FOIT/ FOUT/FOFT, font-display, предзагрузка, глифы. Для начала стоит выбрать правильный формат шрифта. Нам идеально подходят WOFF и WOFF2 — форматы, которые отличаются высокой степенью сжатия. WOFF2 — усовершенствованная версия предшественника, этот формат можно считать лучшим из существующих. Тем не менее, поддержка WOFF2 хотя и очень хорошая, но пока не абсолютная, поэтому в качестве подстраховки для не самых современных браузеров стоит использовать WOFF. Подключение шрифтов с помощью Google Fonts...
Google fonts как подключить шрифты?
Что бы подключить к своему сайту Google fonts (шрифты) пишем между тегами <head> HTML страницы следующий код: <link href='https://fonts.googleapis.com/css?family=Rubik Distressed' rel='stylesheet'> В этом коде я подключил гугл шрифт который называется Rubik Distressed, вместо него можно написать имя любого другого шрифта google. Шрифты выбираем на сайте гугла >> или здесь >> При выборе можно включить фильтр по кириллице (cyrilic). Имя шрифта следует писать соблюдая регистр, то есть использовать большие и маленькие буквы как написано у гугла, иначе работать не будет...