SF UI Text Regular: особенности шрифта и установка

SF UI Text Regular — это начертание системного шрифта San Francisco, который Apple использует в iOS, macOS, watchOS и tvOS для отображения интерфейсного текста. Если вы открыли макет в Figma или Photoshop и увидели сообщение об отсутствующем шрифте SF UI Text, значит файл использует фирменную гарнитуру Apple, которой нет в системе по умолчанию — особенно на Windows.

Шрифт не распространяется как обычный свободный файл: Apple предоставляет его разработчикам для использования при создании приложений и макетов под свои платформы. Из-за этого с установкой и легальным использованием связано несколько нюансов, которые разберём ниже.

Что такое SF UI Text и чем он отличается от SF Pro

SF UI Text — это более раннее обозначение текстового начертания семейства San Francisco, ориентированного на размеры кегля до 20 пунктов. Позже Apple переименовала семейство в SF Pro, сохранив разделение на Text (для мелкого текста) и Display (для крупных заголовков).

Разница между начертаниями Text и Display заключается в деталях: у Text больше межбуквенные просветы и шире апертуры, что улучшает читаемость мелкого текста на экране. Display-вариант, напротив, компактнее и рассчитан на крупные размеры, где важна плотность набора.

  • 📱 SF UI Text / SF Pro Text — основной текст интерфейса, кегль до ~20 pt
  • 🖥️ SF UI Display / SF Pro Display — заголовки и крупные надписи
  • 🔤 Regular — обычная насыщенность (вес 400), базовое начертание
  • SF Compact — отдельная версия для Apple Watch

Где встречается этот шрифт

Чаще всего запрос на установку SF UI Text Regular возникает у дизайнеров и верстальщиков. Макеты интерфейсов под iOS традиционно делаются с использованием фирменной гарнитуры, поэтому при открытии чужого файла графический редактор сообщает об отсутствующем шрифте и подменяет его системным.

Вторая типичная ситуация — разработка. Если вы создаёте приложение под iOS, шрифт подключается автоматически как системный, но для веб-версии или презентаций его нужно добавить отдельно. Третий сценарий — желание использовать аккуратный нейтральный гротеск в документах или на сайте, что уже затрагивает вопрос лицензии.

📊 Зачем вам понадобился SF UI Text Regular?
Открыть макет в Figma/Photoshop
Разработка приложения под iOS
Использовать в веб-дизайне
Просто нравится шрифт

Как получить шрифт легально

Официальный источник — портал Apple Developer, раздел со шрифтами. Там доступны актуальные версии семейства SF Pro в формате, пригодном для установки. Загрузка бесплатна, но действует лицензионное соглашение Apple: шрифт разрешено использовать для разработки и проектирования продуктов под платформы Apple.

⚠️ Внимание: скачивание SF UI Text со сторонних «шрифтовых» сайтов нарушает лицензию Apple и несёт риск получить изменённый или заражённый файл. Используйте только официальный раздел для разработчиков.

Порядок действий для получения шрифта:

  • 🌐 Откройте раздел Fonts на сайте Apple Developer
  • 📦 Скачайте пакет SF Pro (в него входит начертание Text Regular)
  • .ttf или .otf
  • ✅ Установите нужные начертания в систему

Установка на Windows

На Windows шрифт устанавливается стандартным способом. Кликните правой кнопкой по файлу SF-Pro-Text-Regular.otf и выберите Установить, либо перетащите файл в раздел Параметры → Персонализация → Шрифты. После установки перезапустите графический редактор, чтобы он подхватил новую гарнитуру.

Если Figma или Photoshop всё равно не видит шрифт, проверьте точное имя начертания: макет может ссылаться на «SF UI Text», а установленный пакет называется «SF Pro Text». В этом случае проще всего вручную переназначить шрифт в редакторе на установленный вариант — визуально они совпадают.

☑️ Проверка после установки SF Pro Text

Выполнено: 0 / 4
⚠️ Внимание: установка шрифта в Windows не даёт права встраивать его в коммерческие сайты и продукты, не связанные с платформами Apple. Лицензия ограничивает сферу применения — для веба подберите альтернативу.

Установка на macOS

На macOS семейство San Francisco уже встроено в систему и используется интерфейсом, но как обычный пользовательский шрифт оно по умолчанию недоступно в приложениях. Чтобы работать с ним в редакторах, установите скачанный пакет через штатное приложение Шрифты (Font Book): откройте файл шрифта и нажмите Установить шрифт.

После установки начертание появится в списках шрифтов всех программ. Если приложение было открыто во время установки, перезапустите его — список шрифтов обычно кэшируется при запуске.

Почему системный шрифт macOS нужно ставить отдельно

Системные файлы San Francisco хранятся в защищённом системном каталоге и скрыты от пользовательских приложений. Apple сделала это намеренно: гарнитура считается частью ОС, а для дизайнеров и разработчиков предлагается отдельный загружаемый пакет SF Pro.

Бесплатные альтернативы для веба и документов

Если шрифт нужен для сайта, презентации или документов, где лицензия Apple не действует, разумнее взять свободный аналог. Несколько гротесков визуально близки к San Francisco и распространяются без ограничений.

ШрифтЛицензияГде взятьСходство с SF
InterSIL Open Font LicenseGoogle FontsОчень высокое
RobotoApache LicenseGoogle FontsСреднее
Open SansApache LicenseGoogle FontsСреднее
IBM Plex SansSIL Open Font LicenseGoogle FontsСреднее

Среди перечисленных Inter считается наиболее близкой свободной заменой San Francisco — он создавался с оглядкой на экранные интерфейсы и поддерживает кириллицу, переменные начертания и множество весов. Для верстки макетов, где важна визуальная преемственность с iOS-эстетикой, это самый практичный выбор.

Частые вопросы

SF UI Text Regular — это платный шрифт?

Нет, скачивание с портала Apple Developer бесплатное. Однако лицензия ограничивает использование проектированием под платформы Apple — для других целей нужны альтернативы.

Чем отличается SF UI Text от SF Pro Text?

Это разные названия одного семейства. Apple переименовала SF UI в SF Pro, сохранив деление на Text и Display. Визуально начертания Regular в обеих версиях практически идентичны.

Можно ли использовать SF UI Text на сайте?

Лицензия Apple этого не предусматривает. Для веба используйте свободные аналоги — например, Inter, который подключается через Google Fonts одной строкой в CSS.

Редактор не видит установленный шрифт — что делать?

Перезапустите программу после установки. Если не помогло, проверьте точное имя начертания в макете: возможно, там указано «SF UI Text», а установлен «SF Pro Text» — переназначьте шрифт вручную.

Есть ли у SF Pro кириллица?

Да, современные версии SF Pro включают кириллические глифы — шрифт корректно отображает русский текст в интерфейсах Apple и при установке из официального пакета.