Системные шрифты — гарнитуры, которые предустановлены на большинстве операционных систем: Arial, Times New Roman, Georgia, Verdana на классических платформах, San Francisco (через ключевое слово -apple-system) на устройствах Apple, Segoe UI в Windows. Для веб-сайта их использование — самый юридически безопасный вариант из всех возможных, потому что здесь в принципе не возникает вопроса о лицензии на веб-использование.

Почему системные шрифты не требуют веб-лицензии

Когда сайт указывает в CSS системный шрифт без подключения через @font-face, браузер посетителя не скачивает никакой файл с сервера сайта вообще — он просто использует шрифт, который уже установлен на устройстве операционной системой. Файл шрифта в этом случае никуда не передаётся сайтом, а лицензия на сам системный шрифт — вопрос отношений между пользователем и производителем операционной системы, а не между сайтом и словолитней.

Современный подход — системный font stack

Вместо того чтобы указывать один конкретный системный шрифт (рискуя тем, что на части устройств его нет), современная практика — использовать «стек» из нескольких системных шрифтов для разных платформ, чтобы на каждой операционной системе применялся её собственный, оптимизированный под эту платформу шрифт:

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

Такой стек автоматически выбирает подходящий системный шрифт: San Francisco на устройствах Apple, Segoe UI на Windows, Roboto на многих Android-устройствах, с разумными резервными вариантами дальше по списку. Это подход, который используют многие крупные технологические компании для собственных интерфейсов — быстро, надёжно, без единого внешнего запроса за файлом шрифта.

Компромисс — меньше визуальной уникальности

Главный минус системных шрифтов — сайт выглядит немного по-разному на разных устройствах (потому что используются разные шрифты на разных платформах) и теряет часть визуальной уникальности бренда, которую даёт кастомный шрифт, единый для всех посетителей независимо от устройства. Для сайтов, где важна точная, единообразная брендовая типографика, это может быть неприемлемым компромиссом.

Практический баланс

Разумный подход для многих сайтов — использовать кастомный шрифт с открытой лицензией (например, из каталога Google Fonts, размещённый на своём сервере) для заголовков и ключевых брендовых элементов, где визуальная уникальность важна, и системный font stack — для основного текста, где скорость загрузки и предсказуемость важнее визуальных тонкостей. Такой гибридный подход снижает как юридические, так и технические риски, сохраняя часть визуальной идентичности.

Когда системные шрифты — не просто безопасный, а оптимальный выбор

Для сайтов, где скорость загрузки критична (например, для показателей производительности в поисковой оптимизации, или для аудитории с медленным интернет-соединением), системные шрифты дают ощутимое преимущество — полное отсутствие дополнительной загрузки файла шрифта убирает один из источников задержки первого отображения контента страницы.