Способ подключения шрифта и производительность вёрстки
Сравнивая скорость загрузки страницы с шрифтами, загруженными через GoogleFonts и подключенными локально, заметила, что первый вариант может быть намного медленнее второго: даже при хорошей скорости интернета сотни миллисекунд могут уходить на подключение шрифтов GoogleFonts. Вывод, который сделала для себя: для скорости загрузки страницы лучше, если используемые шрифты загружены в папку проекта и подключаются оттуда. Как подключать шрифты в 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/