SF Pro Display Black — это самое тяжёлое начертание гротеска SF Pro, который Apple использует как системный шрифт в iOS, macOS, watchOS и tvOS. Пользователи чаще всего ищут его, когда макет из Figma или Sketch требует именно этот вес, а в системе он не отображается, либо когда нужно сверстать интерфейс «под Apple» на Windows-машине, где шрифт отсутствует по умолчанию.
Начертание Black имеет вес 900 по шкале font-weight и применяется для крупных заголовков, постеров и акцентных надписей, где нужна максимальная плотность штриха. В этой статье разберём, чем SF Pro Display отличается от SF Pro Text, где легально получить файл, как установить его на разные платформы и какие ограничения накладывает лицензия Apple.
Что такое SF Pro Display и место начертания Black в семействе
SF Pro — это нейтральный гротеск, пришедший на смену Helvetica Neue в экосистеме Apple. Семейство разделено на два оптических размера: SF Pro Text для мелких кеглей (обычно до 20 пунктов) и SF Pro Display для крупных надписей. Display-версия имеет более узкие пропорции, уменьшенные межбуквенные просветы и более выраженный контраст форм — всё это оптимизировано для чтения заголовков.
Внутри линейки Display доступно девять весов: от Ultralight до Black. Начертание Black — крайняя точка шкалы, самый плотный и «тяжёлый» вариант. Оно визуально массивнее Bold примерно настолько же, насколько Bold тяжелее Regular, и требует аккуратной работы с трекингом: в крупных размерах буквы могут сливаться без ручной коррекции интервалов.
Дополнительно у каждого веса существует курсивная пара, а весь шрифт распространяется также в формате variable font, где вес плавно меняется ползунком. Это удобно в веб-вёрстке, но с ограничениями лицензии, о которых поговорим ниже.
SF Pro Display Black — это вес 900 Display-версии системного шрифта Apple, предназначенный для крупных заголовков, а не для набора основного текста.
Где легально скачать SF Pro Display Black
Единственный официальный источник — раздел шрифтов на портале Apple Developer. Файлы распространяются бесплатно, но требуют принятия лицензионного соглашения. Сторонние сайты, предлагающие «скачать SF Pro бесплатно», часто выкладывают перепакованные или устаревшие версии, а иногда и вредоносные архивы — это риск, которого легко избежать.
Порядок получения шрифта выглядит так:
- 🔹 Откройте страницу Fonts на сайте developer.apple.com и найдите пакет SF Pro.
- 🔹 Примите условия лицензии и скачайте DMG-архив с полным семейством.
- 🔹 Внутри пакета находятся отдельные файлы начертаний, включая Display Black, а также variable-версия.
- 🔹 Для работы в дизайн-инструментах установите файлы в систему стандартным способом вашей ОС.
⚠️ Внимание: лицензия Apple ограничивает использование SF Pro созданием макетов и дизайнов, связанных с платформами Apple. Встраивание шрифта на произвольный веб-сайт или использование в продуктах, не связанных с экосистемой Apple, формально нарушает условия соглашения. Для коммерческих проектов вне экосистемы подберите альтернативу.
Установка на macOS и Windows
На macOS шрифт SF Pro уже встроен в систему, но начертания Display могут быть недоступны в сторонних редакторах до ручной установки пакета. Установка выполняется через штатное приложение Шрифты (Font Book): достаточно дважды кликнуть по файлу и подтвердить добавление. После этого начертание появится в списках Figma, Sketch, Photoshop и других программ — иногда требуется перезапуск редактора.
На Windows установка также возможна: файлы из официального пакета конвертируются или используются напрямую, если они в формате TTF/OTF. Правый клик по файлу и пункт Установить добавляет шрифт в систему. Учтите, что рендеринг в Windows отличается от яблочного — сглаживание и хинтинг обрабатываются иначе, поэтому пиксель-в-пиксель совпадения с макетом на Mac не будет.
☑️ Проверка после установки SF Pro Display Black
Сравнение Black с соседними начертаниями
Чтобы понять, когда оправдан именно Black, полезно сопоставить его с ближайшими весами семейства. Выбор начертания влияет не только на эстетику, но и на читаемость: чрезмерно плотный шрифт в мелком размере превращается в нечитаемое пятно.
| Начертание | Вес (font-weight) | Типичное применение |
|---|---|---|
| Semibold | 600 | Подзаголовки, акценты в тексте |
| Bold | 700 | Заголовки среднего размера, кнопки |
| Heavy | 800 | Крупные заголовки, баннеры |
| Black | 900 | Постеры, обложки, очень крупные надписи |
Практическое правило простое: начертание Black раскрывается только в крупном кегле — ориентировочно от 40 пунктов и выше. В мелких размерах внутренние просветы букв (апертуры) визуально закрываются, и текст теряет чёткость. Если нужен акцент в наборе 16–24 пунктов, разумнее выбрать Bold или Heavy.
Использование в вебе и мобильной разработке
В нативной разработке под iOS вопрос решается системным API: шрифт подключается через UIFont.systemFont(ofSize:weight:) с параметром веса .black, и отдельные файлы подключать не нужно. Система сама выбирает Display- или Text-вариант в зависимости от размера.
В вебе ситуация сложнее. Прямое подключение файлов SF Pro через @font-face ограничено лицензией. Распространённый легальный приём — обращение к системному шрифту через стек:
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
font-weight: 900;
Такой код покажет SF Pro пользователям устройств Apple, а остальным — ближайший системный гротеск. Это честный подход: дизайн сохраняет характер на «яблочных» устройствах и не ломается на других платформах.
⚠️ Внимание: не выкладывайте файлы SF Pro на сервер для публичной загрузки через @font-face — это прямое нарушение лицензионного соглашения Apple, даже если сайт посвящён iOS-приложению.
Если нужен свободный шрифт с похожим характером для веба, посмотрите на Inter — он создавался с оглядкой на интерфейсные гротески Apple и распространяется под открытой лицензией SIL OFL.
Типичные проблемы и их решения
Самая частая жалоба — «SF Pro Display Black установлен, но не появляется в программе». Причины обычно три: редактор требует перезапуска после установки шрифта, файл установлен в пользовательскую коллекцию, недоступную отдельным приложениям, или в системе конфликтуют дубликаты разных версий семейства. На macOS конфликты удобно проверять в Font Book — дубли помечаются предупреждающим значком.
Вторая типичная ситуация — подмена шрифта при открытии макета на другой машине. Если коллега работает на Windows без установленного SF Pro, Figma или Photoshop заменит его шрифтом по умолчанию, и вёрстка «поедет»: у Black-начертания ширина знаков заметно больше, чем у подменяемого Regular. Решение — установить шрифт всем участникам команды или заранее согласовать альтернативу.
Почему в Figma вес называется иначе
Некоторые редакторы отображают веса шрифта под собственными метками. Если в списке нет слова Black, ищите вес 900 или самый нижний пункт в выпадающем списке начертаний — это и есть максимальный вес семейства.
Наконец, при экспорте в PDF или растр проверяйте встраивание шрифта. Если файл не встроен, на устройстве без SF Pro документ отобразится подменным гротеском, и плотный характер Black-начертания будет потерян.
Часто задаваемые вопросы
Чем SF Pro Display отличается от SF Pro Text?
Это два оптических размера одного шрифта. Display оптимизирован для крупных кеглей: у него уже пропорции и плотнее межбуквенные интервалы. Text рассчитан на мелкий набор и лучше читается в размерах до ~20 пунктов. Система Apple переключает их автоматически.
Можно ли использовать SF Pro Display Black на сайте?
Напрямую через @font-face — нет, это нарушает лицензию Apple. Легальный вариант — обращение к системному шрифту через стек font-family с -apple-system, тогда шрифт покажется только пользователям устройств Apple.
Бесплатный ли это шрифт?
Скачивание с портала Apple Developer бесплатное, но это не свободная лицензия: использование ограничено дизайном и макетами, связанными с платформами Apple. Для неограниченного коммерческого применения шрифт не подходит.
Какой вес соответствует начертанию Black?
Начертанию Black соответствует значение font-weight 900 — максимальное в стандартной шкале CSS и в линейке семейства SF Pro.
Что делать, если шрифт не отображается в редакторе после установки?
Перезапустите редактор, проверьте наличие дубликатов шрифта в системе (на macOS — через Font Book) и убедитесь, что установлен именно пакет Display, а не только Text-версия семейства.