Бесплатные веб-шрифты: изучите более 1500 бесплатных шрифтов на Fontsource

Я всегда трачу слишком много времени на выбор шрифтов при работе над проектом. Google Fonts — это неплохо, но у них есть небольшая задержка (поскольку они используют CDN), и, честно говоря, как-то странно использовать шрифт, размещённый на CDN Google, для проекта, ориентированного на приватность. С Fontsource вы можете использовать любой из этих 1500+ шрифтов без внешних запросов — все они размещаются прямо в вашем проекте.

Зайдите на fontsource.org, посмотрите каталог, кликните на шрифт, который вам приглянулся, и отправьте его название своему агенту. Здесь есть все шрифты Google Fonts, а также множество других, которых вы не найдёте у Google. Шрифт будет встроен в ваш проект, так что он будет работать офлайн, загружаться быстро и не сломается из-за случайных обновлений (Google периодически поднимает версии своих шрифтов, что иногда ломает сайты).

1Как пользоваться Fontsource

Зайдите на fontsource.org/fonts и посмотрите каталог. Можно фильтровать по типу: Serif, Sans-serif, Display, Monospace. Когда найдёте шрифт, который вам понравился, просто скопируйте его название и отправьте своему агенту. Вот несколько примеров популярных шрифтов, которые можно использовать:

Если хочется большей конкретики, ваш агент может выполнить следующий код:

npm install @fontsource/inter

import '@fontsource/inter';
/* потом в CSS: */
font-family: 'Inter', sans-serif;

(замените inter на нужное название шрифта, например «inter»)

npm install @fontsource/playfair-display