SF UI Display — это начертание системного шрифта San Francisco, которое Apple применяет в iOS, macOS, watchOS и tvOS для крупных текстовых размеров: заголовков, надписей на кнопках и элементов навигации. Если вы открыли макет из Figma или Sketch и увидели ошибку «отсутствующий шрифт SF UI Display», либо хотите использовать этот шрифт в своём проекте — эта статья разберёт, откуда он берётся, как его легально получить и чем заменить на Windows.
Шрифт San Francisco был представлен Apple в 2015 году и пришёл на смену Helvetica Neue. Семейство включает несколько оптических начертаний, и SF UI Display — одно из ключевых. Ниже разберём отличия версий, лицензионные ограничения и практические способы установки.
Что такое SF UI Display и чем он отличается от SF Pro
Название SF UI Display — это раннее обозначение дисплейного начертания San Francisco, которое использовалось в первых версиях iOS 9 и macOS El Capitan. Позже Apple переименовала семейство в SF Pro, и в актуальных версиях систем именно SF Pro является стандартным системным шрифтом.
Ключевая особенность семейства — оптические размеры. Система автоматически переключается между двумя начертаниями в зависимости от кегля:
- 📱 SF Text — для мелких размеров текста (примерно до 20 пунктов): увеличенный межбуквенный трекинг, более открытые формы букв для читаемости;
- 🖥️ SF Display — для крупных надписей и заголовков: плотный трекинг, более элегантные пропорции;
- ⌚ SF Compact — вариант для Apple Watch с более узкими пропорциями;
- 💻 SF Mono — моноширинная версия для кода, поставляется с Xcode.
Файлы с именем SFUIDisplay встречаются в старых макетах, экспортированных из Sketch или ранних версий iOS SDK. По сути это тот же шрифт, что и современный SF Pro Display, — различия касаются в основном именования и мелких доработок глифов.
Где официально скачать шрифт
Единственный легальный источник — официальный портал Apple Developer, раздел Fonts. Apple бесплатно распространяет SF Pro для зарегистрированных разработчиков (достаточно бесплатной учётной записи Apple ID), но с существенным лицензионным ограничением.
SF Pro можно скачать бесплатно с сайта Apple Developer, но лицензия разрешает использование шрифта только для разработки и дизайна приложений под платформы Apple.
Порядок получения шрифта выглядит так:
- ⬇️ Авторизуйтесь на портале разработчиков Apple под своим Apple ID;
- 📦 Найдите раздел со шрифтами и скачайте пакет SF Pro в формате DMG;
- 🔓 Откройте образ и установите файлы шрифта стандартным способом;
- ✅ Проверьте появление семейства в системном списке шрифтов.
⚠️ Внимание: лицензионное соглашение Apple разрешает использовать SF Pro исключительно для создания макетов, дизайна и разработки продуктов под iOS, macOS, watchOS и tvOS. Использование шрифта в веб-проектах, печатной продукции, логотипах и приложениях под Android или Windows — нарушение лицензии.
Установка на macOS
На компьютерах Mac шрифт уже встроен в систему, но его файлы скрыты от пользовательских приложений — система использует их для интерфейса. Чтобы сделать SF Pro доступным в графических редакторах, нужно установить скачанный пакет через штатное приложение Шрифты (Font Book).
Для установки откройте скачанный файл шрифта двойным кликом и нажмите кнопку установки, либо перетащите файлы в окно приложения Шрифты. После этого семейство появится в Photoshop, Figma, Sketch и других редакторах. Если шрифт не отображается в конкретной программе, перезапустите её — многие приложения кэшируют список шрифтов при запуске.
Если SF Pro конфликтует с уже установленными версиями San Francisco, удалите дубликаты через приложение «Шрифты»: выберите шрифт и используйте функцию разрешения дубликатов.
Установка на Windows
Ситуация с Windows сложнее: официальный пакет от Apple распространяется в виде DMG-образа для macOS, а сами файлы шрифтов могут быть в формате, который Windows не всегда корректно обрабатывает. Пользователи обычно решают задачу двумя путями.
Первый вариант — извлечь файлы .ttf или .otf из DMG-образа (например, архиватором, поддерживающим этот формат) и установить их стандартно: правый клик по файлу → Установить. Второй вариант — использовать конвертированные версии, но здесь важно понимать: модификация и перераспространение шрифта нарушают лицензию Apple, поэтому такие копии юридически небезупречны только для личного ознакомления с макетами под платформы Apple.
⚠️ Внимание: сайты, предлагающие «бесплатно скачать SF UI Display для Windows», распространяют шрифт в нарушение лицензии Apple и нередко вкладывают в архивы вредоносное ПО. Скачивайте файлы только с официального портала разработчиков.
Отличия начертаний внутри семейства
Семейство SF Pro включает девять насыщенностей — от Ultralight до Black, каждая с курсивным вариантом. Для макетов интерфейсов чаще всего используются четыре-пять основных весов.
| Начертание | Толщина | Типичное применение |
|---|---|---|
| SF Pro Display Light | Тонкое | Крупные заголовки, экраны-заставки |
| SF Pro Display Regular | Обычное | Заголовки, названия разделов |
| SF Pro Text Regular | Обычное | Основной текст интерфейса |
| SF Pro Text Semibold | Полужирное | Кнопки, акцентные элементы |
| SF Pro Display Bold | Жирное | Сильные акценты, важные заголовки |
При работе в Figma или Sketch не нужно вручную переключаться между Display и Text: в профессиональных макетах используются текстовые стили, а системное начертание подбирается автоматически по размеру. Если вы верстаете макет вручную, ориентируйтесь на правило: до 20 пунктов — Text, свыше — Display.
Как проверить корректность установки
После установки стоит убедиться, что шрифт работает во всех нужных приложениях. Вот короткий чек-лист проверки:
☑️ Проверка установки SF Pro
Отдельный момент — кириллическая поддержка. SF Pro изначально включает кириллические глифы, поэтому русский текст отображается корректно без дополнительных настроек. Если вместо кириллицы вы видите подменённый шрифт, вероятно, установлена неполная или повреждённая версия файла.
Легальные альтернативы для кроссплатформенных проектов
Если проект выходит за пределы экосистемы Apple — например, веб-сайт или приложение под Android — использовать SF Pro нельзя. К счастью, существуют близкие по духу свободные шрифты:
- 🌐 Inter — свободный шрифт, созданный специально для интерфейсов; визуально ближайшая замена San Francisco, отличная кириллица;
- 🤖 Roboto — системный шрифт Android, свободная лицензия Apache;
- 🅷 Helvetica Now или классическая Helvetica Neue — коммерческие варианты с похожей эстетикой;
- 📄 Manrope, Geologica — современные свободные гротески с полной кириллицей.
Для веб-проектов практичное решение — использовать font-family с системным стеком: на устройствах Apple текст отрисуется родным San Francisco, на Android — Roboto, на Windows — Segoe UI:
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;Почему Apple не разрешает свободное использование SF Pro
Шрифт является частью фирменного стиля платформы. Apple ограничивает его распространение, чтобы сохранить визуальную уникальность экосистемы: интерфейсы под iOS должны выглядеть «по-яблочному», и San Francisco — важный элемент этой идентичности. Поэтому лицензия привязана к разработке под платформы Apple.
Типичные проблемы и их решение
Самая частая жалоба — Figma или Sketch сообщает об отсутствии SF UI Display при открытии старого макета, хотя SF Pro установлен. Причина проста: в макете жёстко прописано старое имя шрифта, а в системе присутствует обновлённое семейство. Решение — заменить шрифт в макете через функцию подмены (в Figma это делается через меню выбора шрифта в панели текста) или установить унаследованные файлы SF UI Display из старых версий пакета.
Вторая типичная ситуация — шрифт установлен, но в конкретной программе не виден. Здесь помогает перезапуск приложения, очистка кэша шрифтов системы или переустановка файлов. На macOS проверить целостность шрифта можно через приложение Шрифты: выделите семейство и выполните проверку через меню Файл.
Ошибка «SF UI Display не найден» в макете почти всегда решается заменой на SF Pro Display — это тот же шрифт под актуальным именем.
Часто задаваемые вопросы
SF UI Display и SF Pro — это один и тот же шрифт?
По сути да. SF UI Display — раннее название дисплейного начертания San Francisco. После ребрендинга семейство стало называться SF Pro, а начертание — SF Pro Display. Глифы претерпели лишь незначительные доработки.
Можно ли использовать SF UI Display на сайте?
Нет, лицензия Apple запрещает веб-встраивание шрифта. Для сайтов используйте системный стек -apple-system (тогда на устройствах Apple текст отрисуется системным San Francisco) или свободные альтернативы вроде Inter.
Поддерживает ли шрифт русский язык?
Да, SF Pro включает полноценную кириллицу во всех начертаниях. Если русский текст отображается другим шрифтом, вероятно, установлена повреждённая или неполная копия файла.
Где взять SF UI Display для Windows?
Официально Apple распространяет шрифты через портал разработчиков в формате для macOS. Файлы можно извлечь и установить на Windows, но помните о лицензионном ограничении: использование допустимо только для разработки под платформы Apple.
Чем заменить SF UI Display в коммерческом проекте?
Ближайшая бесплатная альтернатива — Inter: она создана специально для интерфейсов, имеет схожие пропорции и полную кириллицу. Также подойдут Roboto, Manrope и другие свободные гротески.