SF Pro Display Regular — это базовое прямое начертание системного шрифта San Francisco, который Apple использует в интерфейсах iOS, macOS, watchOS и tvOS. Если в макете из Figma текст выглядит «не так», как на реальном iPhone, чаще всего причина именно в том, что в системе не установлено семейство SF Pro или подставлена его свободная замена с другими метриками.
Ниже разберём, чем отличается SF Pro Display от SF Pro Text, где легально взять файл шрифта, как установить его на Windows и macOS и какие ограничения накладывает лицензия Apple. Отдельно рассмотрим типичные проблемы: шрифт не появляется в Photoshop, браузер подменяет его другим гарнитурным набором, а верстка «езжает» из-за разной ширины символов.
Что такое SF Pro Display и чем он отличается от SF Pro Text
San Francisco — гуманистический гротеск, разработанный Apple и представленный публично вместе с watchOS. Семейство SF Pro делится на два оптических размера: Display оптимизирован для крупных кеглей (заголовки, крупные подписи), а Text — для набора мелкого текста. Разница между ними не только в названии файла: у Display-версии уже межбуквенные зазоры, более плотный трекинг и чуть иные пропорции, рассчитанные на размеры примерно от 20 пунктов и выше.
Начертание Regular соответствует насыщенности 400 — это основной «текстовый» вес, от которого строятся остальные: Ultralight, Thin, Light, Medium, Semibold, Bold, Heavy, Black. Внутри системы Apple переключение между Display и Text происходит автоматически через вариативный механизм, но при ручной установке статических файлов выбор ложится на вас.
Ключевые особенности гарнитуры:
- 🔤 Открытые апертуры и высокая читаемость на экранах с разной плотностью пикселей
- 📐 Динамический трекинг: система сама подбирает межбуквенные расстояния под кегль
- 🔢 Табличные и пропорциональные цифры, поддержка кириллицы и латиницы
- ⚖️ Девять насыщенностей плюс курсивные варианты в полном семействе
SF Pro Display Regular — оптимизированное для крупных кеглей начертание системного шрифта Apple; для мелкого текста правильнее использовать SF Pro Text.
Где легально скачать SF Pro Display Regular
Единственный официальный источник — раздел шрифтов на портале Apple Developer. Шрифт распространяется бесплатно, но под отдельной лицензией: Apple разрешает использовать SF Pro только для разработки и проектирования приложений под платформы Apple. Применение гарнитуры в веб-сайтах, полиграфии, брендинге сторонних продуктов или приложениях под Android формально выходит за рамки этой лицензии.
Порядок получения файла простой: откройте страницу шрифтов на сайте разработчиков Apple, найдите SF Pro, скачайте DMG-архив (учётная запись Apple ID может потребоваться) и примите условия лицензии. Внутри пакета находятся файлы формата .otf и .ttf для всех начертаний, включая SF-Pro-Display-Regular.otf.
⚠️ Внимание: сайты, предлагающие «скачать SF Pro бесплатно без регистрации», распространяют шрифт в нарушение лицензии Apple, а сами файлы могут быть переупакованы или содержать вредоносный код. Берите гарнитуру только с официального портала разработчиков.
Установка шрифта на macOS и Windows
На macOS семейство San Francisco уже встроено в систему, однако системные файлы скрыты от пользовательских приложений в некоторых сценариях, поэтому отдельная установка пакета с портала разработчика всё равно имеет смысл. Дважды щёлкните по файлу .otf — откроется штатная программа Шрифты (Font Book), нажмите «Установить». После этого гарнитура появится в Sketch, Figma, Photoshop и других редакторах.
На Windows установка выполняется стандартно: правый клик по файлу → «Установить» либо перетаскивание файла в папку C:\Windows\Fonts. Учтите, что файлы .otf из пакета Apple обычно устанавливаются без проблем, но отдельные приложения могут требовать перезапуска, чтобы подхватить новый шрифт.
☑️ Проверка после установки SF Pro
Если после установки шрифт не появляется в нужной программе, проверьте три вещи: перезапущено ли приложение, не конфликтует ли установленная копия с уже имеющейся версией (дубликаты видны в Font Book и в системной папке шрифтов Windows) и не установлен ли шрифт «только для текущего пользователя», когда программа работает под другой учётной записью.
В Figma шрифты из системы подхватываются автоматически, но если вы работаете в браузерной версии — установите десктопный агент шрифтов Figma, иначе локальные гарнитуры не будут доступны.
Сравнение SF Pro Display Regular с ближайшими альтернативами
Когда лицензия Apple не подходит — например, для веб-проекта или Android-приложения — приходится подбирать замену с похожими пропорциями. Ниже сравнение по ключевым параметрам; характеристики приведены обобщённо, так как метрики зависят от конкретной версии файла.
| Шрифт | Лицензия | Кириллица | Близость к SF Pro |
|---|---|---|---|
| SF Pro Display Regular | Только для разработки под платформы Apple | Да | Оригинал |
| Inter | Свободная (SIL OFL) | Да | Очень высокая, создавался как экранный гротеск |
| Roboto | Свободная (Apache) | Да | Средняя, иной характер форм |
| Helvetica Neue | Коммерческая | Зависит от версии | Высокая по духу, иные метрики |
| Arial / Segoe UI | Системные | Да | Низкая, заметные отличия в пропорциях |
Практический вывод прост: для макетов под iOS используйте оригинальный SF Pro, а для кроссплатформенных и веб-проектов ближайшей свободной заменой по метрикам обычно становится Inter. Полного совпадения по ширине знаков не даст ни одна замена, поэтому вёрстку, рассчитанную на SF Pro, всегда стоит проверять с фактически подключённым шрифтом.
Почему текст «плывёт» при замене SF Pro на другой шрифт
У каждой гарнитуры свои метрики — ширина отдельных глифов, высота строчных знаков, межстрочные интервалы по умолчанию. Даже при визуально похожем рисунке строка одинаковой длины в SF Pro и в замене займёт разную ширину, из-за чего ломаются переносы, кнопки и выравнивание. Поэтому подмена шрифта в готовом макете требует ручной проверки всех текстовых блоков.
Использование SF Pro Display Regular в вебе
Подключать файлы SF Pro через @font-face на публичном сайте нельзя по условиям лицензии, даже если технически это возможно. Корректный подход — использовать системный стек: на устройствах Apple текст отрисуется родной гарнитурой, на остальных платформах сработает ближайший системный аналог.
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;Обратите внимание: значение -apple-system подключает именно системный San Francisco, причём iOS и macOS сами переключаются между оптическими размерами Display и Text в зависимости от кегля. Вручную принудить браузер использовать именно Display-вариант через CSS невозможно — выбор оптического размера остаётся за операционной системой.
⚠️ Внимание: конвертация SF Pro в форматы WOFF/WOFF2 и выкладывание файлов на сервер — это распространение шрифта, которое лицензия Apple не разрешает. Даже для внутреннего корпоративного сайта безопаснее взять свободную альтернативу.
Типичные проблемы и их решение
Чаще всего пользователи сталкиваются с четырьмя ситуациями. Первая — после установки шрифт виден в системе, но не появляется в конкретном редакторе: почти всегда помогает полный перезапуск приложения, а в случае Adobe-продуктов — очистка кэша шрифтов. Вторая — в списке шрифтов несколько одинаковых «SF Pro»: это конфликт версий, лишние копии нужно удалить.
Третья ситуация — кириллица отображается другим шрифтом. Возможная причина в том, что установлен урезанный или повреждённый файл из неофициального источника; решение — удалить его и поставить полный пакет с портала Apple. Четвёртая — макет выглядит иначе на Windows и на Mac: это ожидаемо, поскольку движки растеризации шрифтов у систем разные, и добиться попиксельного совпадения нереально.
Перед сдачей макета проверьте его на реальном устройстве Apple: симулятор и эмулятор не всегда точно передают рендеринг шрифта, а на устройстве видны реальные переносы строк и плотность набора.
Лицензионные ограничения: что можно и что нельзя
Лицензия Apple на SF Pro сформулирована достаточно жёстко: шрифт предоставляется для использования исключительно при создании макетов, прототипов и приложений для платформ Apple. Встраивание в приложения, выходящие только в App Store, допускается; использование в логотипах, рекламных материалах, на сайтах и в продуктах для других платформ — нет.
Что это значит на практике:
- ✅ Можно: дизайн интерфейса iOS-приложения в Figma с установленным SF Pro
- ✅ Можно: встраивание шрифта в приложение, распространяемое через App Store
- ❌ Нельзя: подключение SF Pro к коммерческому сайту через @font-face
- ❌ Нельзя: использование в Android-приложении, полиграфии, фирменном стиле
Если проект выходит за рамки экосистемы Apple, юридически чистое решение — перейти на Inter, Roboto или другой свободный экранный гротеск. Это также снимает риск претензий при передаче исходников заказчику или публикации дизайн-системы.
SF Pro Display Regular легален только внутри экосистемы Apple: для сайтов, Android и брендинга подбирайте свободную альтернативу с похожими метриками.
Частые вопросы
SF Pro Display Regular — это платный шрифт?
Нет, файл распространяется бесплатно через портал Apple Developer. Однако бесплатность не означает свободную лицензию: использовать шрифт разрешено только для разработки и проектирования под платформы Apple.
Чем Display отличается от Text на практике?
Display оптимизирован для крупных размеров: у него плотнее трекинг и чуть иные пропорции. Text рассчитан на мелкий набор и имеет более широкие просветы для читаемости. В системах Apple переключение происходит автоматически, в дизайн-редакторах вариант выбирается вручную.
Можно ли установить SF Pro на Windows?
Технически да: файлы .otf и .ttf из официального пакета устанавливаются штатными средствами Windows и работают в дизайн-редакторах. Лицензионные ограничения при этом сохраняются — шрифт предназначен для проектирования под платформы Apple.
Какой шрифт лучше всего заменяет SF Pro в вебе?
Наиболее близкой свободной альтернативой по пропорциям и экранной читаемости обычно называют Inter с лицензией SIL OFL. Полного совпадения по метрикам не даёт ни одна замена, поэтому вёрстку нужно проверять с фактически подключённым шрифтом.
Почему SF Pro не отображается в Figma после установки?
Если вы работаете в браузерной версии Figma, локальные шрифты доступны только через установленный десктопный агент шрифтов. В десктопном приложении достаточно перезапуска программы после установки шрифта в систему.