SF UI Text встречается в макетах дизайнеров и в требованиях к вёрстке, но при попытке найти и установить этот шрифт пользователь упирается в неочевидную ситуацию: Apple не распространяет San Francisco как обычный свободно скачиваемый файл, а в системе он скрыт от стандартного списка шрифтов. В результате запрос «sf ui text шрифт» чаще всего означает одну из трёх задач — понять, что это за гарнитура, легально получить файлы или подобрать рабочую замену для проекта вне экосистемы Apple.
Разберёмся по порядку: чем SF UI Text отличается от SF UI Display, где лежат файлы шрифта в macOS, какие ограничения накладывает лицензия Apple и какие свободные альтернативы визуально ближе всего к оригиналу.
Что такое SF UI Text и откуда он взялся
SF UI Text — это текстовая оптическая вариация шрифта San Francisco, который Apple представила в 2014–2015 годах как единый системный шрифт для своих платформ. До него в iOS использовался Helvetica Neue, а в OS X — Lucida Grande. San Francisco заменил оба и стал основой интерфейсов iOS, macOS, watchOS и tvOS.
Ключевая идея семейства — оптические размеры. Одна и та же гарнитура существует в двух начертаниях, адаптированных под разный кегль:
- 📱 SF UI Text — для мелких размеров (обычно до ~19–20 пунктов): увеличенные просветы, шире апертуры, крупнее внутрибуквенные просветы для читаемости;
- 🖥️ SF UI Display — для крупных заголовков: более плотные пропорции и узкие зазоры между буквами;
- ⌚ SF Compact — вариант для Apple Watch с экономной шириной знаков;
- 🅰️ SF Mono — моноширинная версия, знакомая разработчикам по Xcode и Terminal;
- 🔤 SF Pro — современное название основного семейства в актуальных версиях macOS и iOS.
Интересный момент: в системе переключение между Text и Display происходит автоматически в зависимости от размера шрифта, заданного в интерфейсе. Разработчику и пользователю не нужно выбирать вариацию вручную — это делает движок рендеринга.
SF UI Text — не отдельный шрифт, а текстовая оптическая вариация San Francisco, оптимизированная под мелкий кегль. В современных версиях ОС семейство называется SF Pro.
Где найти файлы SF UI Text в macOS
Если открыть стандартное приложение Шрифты (Font Book) в macOS, San Francisco в списке не виден — система скрывает его, чтобы шрифт нельзя было случайно удалить или повредить. Однако файлы физически присутствуют на диске.
Проверить их наличие можно через Finder, перейдя в системную папку шрифтов. Обычно они располагаются по пути вида /System/Library/Fonts/, где лежат файлы с именами вроде SFNS.ttf, SFNSDisplay.ttf и сопутствующие начертания. В разных версиях macOS состав и имена файлов могут отличаться — сверяйтесь с содержимым папки на своей системе.
Для быстрого просмотра списка через терминал можно выполнить:
ls /System/Library/Fonts/ | grep -i sfКоманда выведет файлы, относящиеся к San Francisco. Копировать их оттуда технически возможно, но здесь начинается юридическая сторона вопроса, о которой — ниже.
Для дизайна макетов Apple официально предоставляет пакеты шрифтов SF Pro на портале разработчиков developer.apple.com в разделе Fonts — это легальный способ получить актуальные версии с полным набором начертаний.
Лицензия: можно ли использовать SF UI Text в своих проектах
Это самый важный раздел для тех, кто хочет применить шрифт вне техники Apple. Лицензионное соглашение Apple ограничивает использование San Francisco: шрифт разрешено применять для разработки и дизайна под платформы Apple — приложений, макетов интерфейсов, мокапов. Использование в продуктах для других платформ, на Android-устройствах, в фирменном стиле компании или как веб-шрифт на произвольном сайте лицензией не предусмотрено.
⚠️ Внимание: файлы SF UI Text, скачанные со сторонних «сборников шрифтов», почти всегда распространяются в нарушение лицензии Apple. Использование таких копий в коммерческом проекте создаёт юридический риск для заказчика и студии. Загружайте шрифт только с официального портала Apple Developer.
Что это значит на практике:
- ✅ Можно — макет iOS-приложения в Figma или Sketch с использованием SF Pro;
- ✅ Можно — демонстрация интерфейса в презентации как иллюстрация продукта под iOS/macOS;
- ❌ Нельзя — подключить SF как веб-шрифт на корпоративном сайте;
- ❌ Нельзя — использовать в Android-приложении или логотипе бренда.
SF UI Text против SF UI Display: в чём разница
Визуально начертания похожи, но различия принципиальны для типографики. У Text-версии увеличены внутрибуквенные просветы (контрформы), шире открыты формы букв вроде «a», «e», «s», больше межбуквенные расстояния. Всё это нужно, чтобы мелкий текст не «слипался» на экране.
У Display-версии, наоборот, более компактные пропорции и плотный трекинг — на крупных размерах это выглядит аккуратнее и собраннее. Если поставить Display-начертание мелким кеглем, текст станет труднее читать; Text-начертание в заголовке будет выглядеть рыхлым.
| Параметр | SF UI Text | SF UI Display |
|---|---|---|
| Назначение | Основной текст, мелкий кегль | Заголовки, крупный кегль |
| Апертуры (открытость форм) | Шире | Уже |
| Межбуквенные просветы | Больше | Компактнее |
| Типичный диапазон размеров | До ~19–20 pt | От ~20 pt и выше |
| Выбор в системе | Автоматически по размеру | Автоматически по размеру |
Порог переключения задан внутри шрифта как оптическая ось, и точное значение зависит от версии семейства. В ручной вёрстке макетов дизайнеры ориентируются на границу около 20 пунктов, но в коде приложения под iOS ничего настраивать не нужно.
Почему в Figma и Sketch шрифт называется SF Pro, а не SF UI Text
Apple переименовала семейство: SF UI Text и SF UI Display стали текстовой и дисплейной осями единого семейства SF Pro. В дизайн-инструментах вы обычно видите SF Pro Text и SF Pro Display — это те же оптические вариации под актуальными именами. Старые названия встречаются в документации и старых макетах.
Как установить и использовать SF UI Text в дизайн-инструментах
На macOS шрифт уже встроен в систему, и приложения вроде Sketch подхватывают его автоматически. Для Figma, работающей через браузер, может потребоваться установка локальных шрифтов или официального пакета SF Pro с портала разработчиков Apple — после установки он появится в списке шрифтов.
⚠️ Внимание: при установке шрифтов из пакета Apple Developer соглашайтесь с лицензией осознанно — она фиксирует ограничение на использование только для дизайна под платформы Apple. Для коммерческих проектов вне экосистемы выбирайте альтернативу из раздела ниже.
Порядок действий для дизайнера на macOS выглядит так:
☑️ Получение SF Pro для макетов
На Windows системного San Francisco нет, и официального способа установить его как системный шрифт Apple не предлагает. Для макетов под iOS на Windows-машине практичнее использовать визуально близкую замену, а финальную проверку типографики делать на macOS или на реальном устройстве.
Легальные альтернативы SF UI Text
Если проект не связан с экосистемой Apple, правильное решение — подобрать свободный шрифт со схожей геометрией. San Francisco относится к неогротескам с нейтральным характером, и близких по духу вариантов с открытой лицензией немало:
- 🆓 Inter — свободная гарнитура, изначально спроектированная именно как шрифт для интерфейсов; считается одной из ближайших альтернатив SF по ощущению текста;
- 🤖 Roboto — системный шрифт Android, нейтральный гротеск, свободно доступен через Google Fonts;
- 🌐 Open Sans и Source Sans — проверенные экранные гротески с открытой лицензией;
- 🪟 Segoe UI — системный шрифт Windows, близок по задаче, но тоже ограничен своей экосистемой.
Для веб-проектов, где хочется «системного» вида без подключения файлов, часто используют системный стек — браузер сам подставит шрифт платформы пользователя:
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;Такой подход даёт на iOS именно San Francisco, на Windows — Segoe UI, на Android — Roboto, и при этом не требует загрузки ни одного файла шрифта. Это единственный полностью легальный способ «использовать SF» на сайте — шрифт рендерится из системы самого пользователя, а не поставляется с сервера.
Для проектов вне Apple не копируйте файлы SF UI Text — используйте системный font-stack в CSS или свободную альтернативу вроде Inter. Это и легально, и технически надёжнее.
Частые вопросы про SF UI Text
SF UI Text и SF Pro Text — это одно и то же?
По сути да. Apple переименовала семейство: SF UI Text стал текстовой оптической вариацией SF Pro. В актуальных пакетах шрифтов и дизайн-инструментах вы встретите название SF Pro Text, а старое имя осталось в документации и старых макетах.
Можно ли скачать SF UI Text бесплатно с сайта шрифтов?
Технически копии встречаются на сторонних ресурсах, но их распространение нарушает лицензию Apple. Легальный источник — официальный портал Apple Developer, раздел Fonts, где пакет SF Pro доступен бесплатно после входа с Apple ID.
Почему SF UI Text не отображается в программе «Шрифты» на Mac?
Apple намеренно скрывает системные шрифты из Font Book, чтобы их нельзя было отключить или удалить — от них зависит отрисовка всего интерфейса. Файлы при этом находятся в системной папке шрифтов и доступны приложениям.
Можно ли использовать SF UI Text в Android-приложении?
Нет, лицензия Apple ограничивает применение шрифта дизайном и разработкой под платформы Apple. Для Android используйте Roboto, Inter или другую свободную гарнитуру.
Как получить эффект SF UI Text на сайте без нарушения лицензии?
Используйте системный стек шрифтов в CSS с первым значением -apple-system: на устройствах Apple браузер автоматически отрисует текст шрифтом San Francisco из системы пользователя, а на остальных платформах подставит их системный шрифт.