Apple дает вам два семейства, которые вы можете использовать в iOS приложениях.

San Francisco (SF)

Сан-Франциско - это семейство гарнитур без засечек, которая включает SF Pro, SF Pro скругленный, SF Mono, SF Compact и SF Compact скругленный. SF Pro - это системный шрифт в iOS, macOS и tvOS; SF Compact - системный шрифт в watchOS. Эти шрифты спроектированы в соответствии с интерфейсами платформ; эти системные шрифты разборчивы и нейтральны по характеру.

Untitled

New York (NY)

Нью-Йорк - это гарнитура с засечками, которая обеспечивает уникальный тон, разработанный в дополнение к шрифтам SF. NY работает хорошо как в контексте графики (при больших размерах), так и в контексте чтения (при размерах наборного текста).

Untitled

Скачать оба семейства можно здесь.

Начиная с iOS 14, система предусматривает также что гарнитуры San Francisco и New York доступны в формате вариативных шрифтов. Этот формат объединяет различные стили шрифтов в одном файле и поддерживает интерполяцию между стилями для создания промежуточных. С помощью интерполяции шрифты могут адаптироваться ко всем размерам, при этом они выглядят будто специально разработанны для каждого размера.

Интерполяция также позволяет осуществлять оптическую калибровку, что связана с созданием различных типографских макетов для соответствия различным размерам устройств. В iOS 14 и более поздних версиях системные шрифты поддерживают динамические оптические размеры, совмещая дискретные оптические размеры шрифта, такие как “Text” и “Display” для SF Pro и SF Compact, а также “Small”, “Medium”, “Large” и “Extra large” для New York, в единый непрерывный дизайн. Такая конструкция позволяет интерполировать каждый глиф или буквенную форму для получения структуры, точно адаптированной к размеру точки.

<aside> 📌 От автора: Когда ты проектируешь под iOS у тебя SF семейство подразделяется еще на два подсемейства: “Text” и “Display”. В Apple это называют “Optical Sizes”. Подсемейство Text предназначены для текстов малого размера, тогда как Display — для больших размеров.

</aside>

<aside> 📌 Использование вариативных шрифтов, на устройстве работающем на более ранней версии iOS, может привести к неожиданным результатам. В этом случае продолжайте использовать обычные “Text” и “Display” подсемейства.

</aside>

Поскольку SF Pro и NY совместимы, существует множество способов добавить контраст в контексте типографики и разнообразие в ваши макеты iOS, сохраняя при этом неизменный внешний вид. Например, использование обоих шрифтов может помочь вам создать более прочную визуальную иерархию или выделить семантически что-либо в контенте.

Шрифты, разработанные Apple, поддерживают широкий диапазон начертаний, размеров, стилей и языков, поэтому вы можете создавать удобный опыт чтения во всем приложении. Когда вы используете текстовые стили и системные шрифты, вы также получаете поддержку динамического шрифта и поддержу для больших размеров в специальных возможностях системы, которые позволяют пользователям выбирать подходящий для них размер текста на уровне всей системы. Конкретные значения см. таблицах. Информация о размерах, включая значения трекинга, также доступна в Sketch, Photoshop и Adobe XD, которая лежит Apple Design Resources для iOS.

У системы iOS есть API, которые упрощают использование шрифтов SF и NY.

SF Pro and SF Compact

Гибкость системных шрифтов помогает вам добиться оптимальной разборчивости при любом размере и обеспечивает широту и глубину, необходимые для точного набора текста во всем вашем приложении.

SF Pro Rounded and SF Compact Rounded

Скругленный вариант системных шрифтов может помочь вам согласовать стиль текста с внешним видом мягких или скругленных элементов интерфейса или передать нужное настроение в типографике.

SF Mono