SF Pro отображает кириллицу корректно только в свежих версиях файлов шрифта — ранние сборки, которые до сих пор гуляют по сайтам-шрифтохранилищам, содержат лишь латиницу, и русский текст в них подменяется системным шрифтом или «квадратами». Поэтому первое, что стоит проверить при проблемах с русскими буквами в макете, — дату и источник скачанного пакета SF Pro.
Шрифт SF Pro (San Francisco) — системная гарнитура Apple, используемая в iOS, macOS, watchOS и tvOS. Компания распространяет его бесплатно через портал для разработчиков, но с лицензионным ограничением: использовать шрифт разрешено только для создания макетов и материалов, связанных с платформами Apple. Это важный нюанс, о котором часто забывают дизайнеры, подключающие SF Pro в коммерческих проектах для Windows или веба.
Поддерживает ли SF Pro кириллицу
Да, современные версии SF Pro включают полноценный кириллический набор: русский, украинский и ряд других алфавитов на основе кириллицы. Проблемы возникают в основном с устаревшими файлами, скачанными со сторонних ресурсов, где выложены старые сборки без кириллических глифов. Такой файл открывается, латиница выглядит отлично, а при наборе русского текста редактор молча подставляет другой шрифт.
Отдельная история — производные варианты гарнитуры. SF Pro Text и SF Pro Display — это оптические размеры одного семейства, и оба в актуальных версиях содержат кириллицу. А вот моноширинный SF Mono и округлый SF Pro Rounded стоит проверять отдельно: их наборы символов исторически обновлялись не синхронно с основным семейством.
Как проверить, есть ли кириллица в вашем файле
Самый быстрый способ — открыть файл шрифта двойным кликом. В Windows появится окно просмотра с образцом текста; в macOS файл откроется в приложении Шрифты. Если в образце или при вводе тестовой строки русские буквы видны — кириллица на месте. Для более детальной проверки можно использовать бесплатные просмотрщики шрифтов, которые показывают полную таблицу глифов и поддерживаемые диапазоны Unicode.
- 🔍 Откройте файл
.ttfили.otfдвойным кликом и введите русскую фразу в поле предпросмотра, если оно доступно. - 📋 Проверьте наличие диапазона Cyrillic (U+0400–U+04FF) в таблице символов через просмотрщик шрифтов.
- 🧪 Наберите тестовую строку с буквами «ё», «й», «щ» — именно они чаще всего отсутствуют в урезанных сборках.
- 📦 Сравните размер файла: подозрительно маленький файл нередко означает вырезанные диапазоны символов.
⚠️ Внимание: файлы SF Pro, скачанные с неофициальных сайтов, могут быть переупакованы, урезаны или содержать посторонние вложения. Проверяйте источник и не запускайте исполняемые «установщики шрифтов» — настоящий шрифт распространяется как обычные файлы .ttf/.otf или .dmg для macOS.
Где взять официальную версию SF Pro
Единственный официальный источник — раздел шрифтов на портале Apple для разработчиков. Там пакет SF Pro доступен для скачивания бесплатно, регистрация разработчика для загрузки обычно не требуется. Внутри архива — полное семейство начертаний, включая кириллические глифы, а также текст лицензионного соглашения.
Лицензия — ключевой момент. Она разрешает использование шрифта для дизайна и разработки под платформы Apple: макеты приложений, скриншоты для App Store, презентации интерфейсов. Использование SF Pro как основного шрифта сайта, в Android-приложении или в фирменном стиле компании формально выходит за рамки этой лицензии. Для таких задач разумнее выбрать свободный аналог — о них ниже.
Установка SF Pro на Windows и в графические редакторы
На Windows установка стандартная: распакуйте архив, выделите нужные файлы начертаний, кликните правой кнопкой и выберите Установить либо перетащите файлы в раздел Параметры → Персонализация → Шрифты. После установки шрифт появится в списках Figma, Photoshop, Illustrator и других редакторов — иногда требуется перезапуск программы, чтобы она перечитала системный каталог шрифтов.
☑️ Установка SF Pro с кириллицей
В Figma есть дополнительный нюанс: если вы работаете в браузерной версии, локальные шрифты подхватываются через служебный компонент Font Installer, который нужно установить отдельно. Без него установленный в системе SF Pro в списке шрифтов не появится. В десктопном приложении Figma этот компонент встроен.
⚠️ Внимание: если после установки русский текст в редакторе всё равно отображается другим шрифтом, проверьте, какое именно начертание выбрано. Иногда кириллица присутствует не во всех файлах семейства из конкретной сборки, и редактор молча переключается на замену при выборе «пустого» начертания.
SF Pro на Android и в вебе
На Android установить SF Pro легально и просто не получится: лицензия Apple этого не предусматривает, а системная подмена шрифта требует либо root-доступа, либо сторонних тем оформления, что выходит за рамки безопасной настройки. Кроме того, системный шрифт Android — Roboto — и так визуально близок к SF Pro по пропорциям и характеру.
Для веба подключать SF Pro через @font-face также не стоит по лицензионным соображениям. Вместо этого в CSS принято указывать системный стек, который на устройствах Apple автоматически задействует San Francisco, а на остальных платформах — ближайший системный аналог:
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;Такой подход даёт корректную кириллицу на всех платформах без загрузки шрифтовых файлов и без нарушения лицензии. Пользователи iPhone и Mac увидят именно SF Pro, пользователи Windows — Segoe UI, пользователи Android — Roboto.
Свободные аналоги SF Pro с кириллицей
Если нужен внешний вид SF Pro без лицензионных ограничений, существует несколько свободных гарнитур с полной кириллической поддержкой. Они не являются точными копиями, но близки по духу: нейтральный гротеск, крупные пропорции, хорошая читаемость в интерфейсах.
| Шрифт | Кириллица | Лицензия | Чем близок к SF Pro |
|---|---|---|---|
| Inter | Полная | SIL OFL | Проектировался как интерфейсный шрифт в духе San Francisco |
| Roboto | Полная | Apache License | Системный шрифт Android, схожие пропорции |
| PT Sans | Полная | Свободная | Нейтральный гротеск с русскими традициями рисунка |
| Onest | Полная | Свободная | Современный геометрический гротеск для интерфейсов |
Из этого списка Inter чаще всего называют самой близкой заменой: он создавался с явным оглядом на San Francisco и поддерживает расширенную кириллицу, множество начертаний и переменные оси. Все перечисленные шрифты доступны на Google Fonts или на сайтах их авторов и разрешены для любых проектов, включая коммерческие.
Типичные проблемы и их решения
Русские буквы отображаются «квадратами» или подменяются другим шрифтом — значит, в установленном файле нет кириллических глифов. Решение одно: удалить старую версию и установить актуальную с официального источника. Перед удалением закройте все программы, где шрифт мог использоваться, иначе Windows может отказать в удалении занятого файла.
Буква «ё» отличается по стилю или «проваливается» по базовой линии — признак того, что в сборке кириллица добавлена из другой гарнитуры, такое встречается в самодельных «русифицированных» версиях. Здесь помогает только замена файла на оригинальный. Ещё одна ситуация: шрифт виден в системе, но не появляется в конкретной программе — обычно достаточно перезапустить приложение или очистить его кэш шрифтов, если такая функция предусмотрена.
Почему в старых макетах SF Pro выглядит иначе
Apple переименовывала и пересобирала семейство: ранний SF UI стал SF Pro, менялись метрики и кернинг. Если открыть старый макет с новой версией шрифта, строки могут «поехать» по длине. Это нормально — сверяйте вёрстку с актуальной версией гарнитуры и не смешивайте файлы SF UI и SF Pro в одном проекте.
Часто задаваемые вопросы
SF Pro поддерживает русский язык из коробки?
Да, в актуальных официальных версиях кириллический набор присутствует. Если русские буквы не отображаются, у вас устаревшая или урезанная сборка файла.
Можно ли бесплатно скачать SF Pro легально?
Да, шрифт бесплатно доступен на портале Apple для разработчиков. Однако лицензия ограничивает его использование задачами, связанными с платформами Apple.
Почему в Figma нет SF Pro, хотя он установлен в системе?
В браузерной версии Figma локальные шрифты требуют установки служебного компонента Font Installer. В десктопном приложении он встроен — достаточно перезапустить программу после установки шрифта.
Чем заменить SF Pro для сайта или Android-приложения?
Наиболее близкие свободные аналоги — Inter и Roboto: оба имеют полную кириллицу и разрешены для любых проектов. Для веба также подходит системный стек шрифтов через CSS.
SF Pro Text и SF Pro Display — это разные шрифты?
Это оптические размеры одного семейства: Text оптимизирован для мелких кеглей, Display — для крупных заголовков. Оба в актуальных версиях содержат кириллицу.