Способ подключения шрифта и производительность вёрстки
Сравнивая скорость загрузки страницы с шрифтами, загруженными через GoogleFonts и подключенными локально, заметила, что первый вариант может быть намного медленнее второго: даже при хорошей скорости интернета сотни миллисекунд могут уходить на подключение шрифтов GoogleFonts. Вывод, который сделала для себя: для скорости загрузки страницы лучше, если используемые шрифты загружены в папку проекта и подключаются оттуда.
Как подключать шрифты в 2017 году:
Хороший сайт для скачивания шрифтов: https://www.onlinewebfonts.com/
Как подключать шрифты в 2017 году:
@font-face {
font-family: 'Web font';
src: url('webfont.woff2') format('woff2'),
url('webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
Ибо кроссбраузерность WOFF и кроссбраузерность WOFF2 (на будущее) — позволяют.
ИсточникХороший сайт для скачивания шрифтов: https://www.onlinewebfonts.com/