Секрет нового шрифта San Francisco от Apple
Шрифт San Francisco уже использовался в Apple Watch, и он уже стал стандартным шрифтом техники Apple: Apple Watch, iPhone, iPad and Mac.

Apple использовали Helvetica в качестве системного шрифта для iOS с появления первого iPhone. А на Mac OS X они поменяли шрифт с Lucida Grande на Helvetica с момента выхода 10.10 Yosemite. Почему Apple решила похоронить Helvetica — самый известный и любимый шрифт в мире?
В маленьких формах Helvetica слаба
Говорят, что Helvetica не подходит для текстов в малом кегле. Когда системный шрифт в Mac OS X Yosemite поменяли на Helvetica, многие дизайнеры заявляли, что такой шрифт здесь совсем не уместен.

Когда вы печатаете текст в маленьком кегле, становится видна низкая разборчивость Helvetica. Helvetica размывает такой текст. Некоторые тексты смешиваются, и их сложно разобрать. Многие говорят, что Apple создала шрифты San Francisco, чтобы сделать тексты в маленьком кегле в Apple Watch более читаемыми.

Буквы смешиваются в текстах маленького кегля
Но сегодня разрешение экранов девайсов больше, чем у печатной продукции, а тексты в айфонах не всегда такие маленькие, как в Apple Watch. Почему же Apple поменяли системные шрифты не только в Apple Watch, но и в iOS и Mac OS X.
San Francisco — это не один шрифт
У шрифтов San Francisco есть много особенностей, делающих его весьма читаемым. На самом деле шрифты San Francisco для Apple Watch и для iOS/Mac — это два шрифта с небольшими отличиями.
Семейство шрифтов под названием «SF» используется для iOS/Mac, а «SF Compact» для Apple Watch. Вы можете заметить разницу в округлых буквах o, e. У «SF compact» более плоские вертикальные линии, чем у SF.

SF и SF Compact
Эта разница даёт текстам в SF Compact больший марджин (отступ) между буквами, в результате получается бОльшая читаемость на маленьких девайсах типа Apple Watch.
В добавок, шрифты SF и SF Compact разделены на два подсемейства: «Text» и «Display». Это как раз то, что Apple называет «Оптическим размером» (Optical Sizes). «Text» предназначен для текстов в меньшем кегле, а «Display» для текстов в большем.

Семейство San Francisco
Как я упомянул выше, при использовании гротесковых (sans-serif) шрифтов типа Helvetica две соседние буквы «смешиваются», а буквы типа «а», «с», «s» в маленьком кегле смотрятся похоже.

Шрифты «Дисплей» и «Текст»
В подсемействе «Text» марджины больше, чем в «Display». И апертуры этих текстовых шрифтов тоже шире, чтобы маленький кегль был более разборчивым.
Шрифты San Francisco динамичны
Одна из прекраснейших особенностей San Francisco — это то, как он динамично оптимизирует начертание. Система автоматически переключает шрифт Display/Text в зависимости от кегля текста. Пороговое значение — 20pt.

Дизайнерам и специалистам больше не надо ломать голову, какой же выбрать шрифт. К примеру, просто добавьте системный шрифт в UILabel, и устройство подберёт вам подходящее начертание.
Что меня поражает в шрифтах San Francisco — это то, как отображаются двоеточия. В основном, двоеточие ставят прямо над линией шрифта, поэтому оно не выровнено по центру вертикально, если стоит между цифрами. А в шрифтах San Franсisco двоеточия выравниваются так автоматически.
Вертикально выровненное по центру двоеточие
San Francisco — шрифт цифровой эры
Как видите, шрифты San Francisco были бережно продуманы, чтобы их было легко читать в любом кегле и на любом девайсе.
Helvetica, которая была заменена на шрифты San Francisco, была создана в Швейцарии в 1957, когда ещё не было никаких цифровых устройств. Helvetica широко используется многими компаниями в качестве корпоративного шрифта даже сейчас, и нет никаких сомнений, что она будет идальше применяться в будущем как качественный классический шрифт.
С другой стороны, San Francisco — современный шрифт. Он динамично меняет начертания в соответствии с контекстом. Это что-то вроде «родного» шрифта, будто бы специально созданного для надвигающейся цифровой эры.
Какой шрифт используется в mac os
Apple предоставляет два семейства шрифтов, которые вы можете использовать в своих приложениях для iOS.
San Francisco (SF). San Francisco — это семейство без засечек, которое включает в себя SF Pro, SF Pro Rounded, SF Mono, SF Compact и SF Compact Rounded. SF Pro — системный шрифт в iOS, macOS и tvOS; SF Compact — системный шрифт в watchOS. Системные шрифты разработаны с учетом визуальной четкости пользовательских интерфейсов платформы, они разборчивы и нейтральн.

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

Вы можете скачать шрифты Сан-Франциско и Нью-Йорка здесь .
Поскольку SF Pro и NY совместимы, существует множество способов использовать типографский контраст и разнообразие в интерфейсе iOS, сохраняя при этом единообразный внешний вид. Например, использование шрифтов может помочь вам создать более сильные визуальные иерархии или выделить смысловые различия в контенте.
Разработанные Apple шрифты поддерживают широкий диапазон размеров, стилей и языков, поэтому вы можете создать приятное впечатление от чтения во всем приложении. Когда вы используете стили текста с системными шрифтами, получаете поддержку динамического типа и больших размеров для настроек специальных возможностей, которые позволяют людям выбирать подходящий для них размер текста. Таблицы динамических размеров шрифтов можно загрузить в Sketch, Photoshop и Adobe XD Apple Design Resources для iOS.
Система имеет API, которое упрощают использование шрифтов SF и NY; для руководства разработчика, см withDesign метод и структуру SystemDesign из UIFontDescriptor .
SF Pro и SF Compact
Гибкость системных шрифтов помогает добиться оптимальной разборчивости при любом размере и предоставляет широту, глубину, необходимую для точного набора текста во всем приложении.
Поддержка SF Pro и SF Compact:
- Более ста языков с использованием латинского, греческого и кириллического алфавита
- Девять настроек толщины — от сверхлегкого до черного — как вертикальные так и в курсивyst
- Два оптических размера — текст и дисплей
- Переменный межбуквенный интервал, который автоматически корректируется в зависимости от размера текста
- Маленькие прописные, дробные, маленькие и большие цифры
SF Pro Rounded и SF Compact Rounded
Округлый вариант системных шрифтов может помочь согласовать стиль текста с появлением мягких и закругленных элементов пользовательского интерфейса или применить альтернативный типографский стиль.
SF Pro Rounded и SF Compact Rounded поддерживают:
-
Более ста языков с использованием латинского, греческого и кириллического алфавита
SF Mono — это моноширинный вариант Сан-Франциско, то есть шрифт, в котором все символы имеют одинаковую ширину. Используется моноширинный шрифт, когда необходимо выровнять столбцы текста, например, в среде кодирования. Xcode и Swift Playgrounds по умолчанию используют SF Mono.
ПРИМЕЧАНИЕ
SF Pro использует функцию табличной подкладки OpenType для поддержки отображения моноширинных чисел и валют.
SF Mono поддерживает:
-
Более ста языков с использованием латинского, греческого и кириллического алфавита
New York — это классический шрифт с засечками, который вы можете использовать в интерфейсе или для традиционного чтения.
-
Более ста языков с использованием латинского, греческого и кириллического алфавита
Выбор шрифтов для улучшения вашего приложения
По возможности используйте встроенные текстовые стили. Встроенные текстовые стили позволяют выразить контент визуально, сохраняя при этом оптимальную разборчивость. Эти стили, в том числе заголовок, текст, сноска и заголовки нескольких размеров, основаны на системных шрифтах и позволяют использовать преимущества ключевых типографских функций, таких как динамический тип, который автоматически настраивает каждый шрифт. Руководство разработчика см. в разделе UIFontTextStyle .
Сделайте акцент на важной информации. Используйте толщину, размер и цвет шрифта, чтобы выделить наиболее важную информацию в вашем приложении.
Приоритезируйте содержимое при реагировании на изменения размера текста. Не весь контент одинаково важен. Когда пользователь выбирает больший размер, он хочет сделать контент, который ему важен, легче для чтения. Это не значит, что каждое слово на экране должно быть больше.
Используйте правильный вариант шрифта в макетах интерфейса. Когда вы используете San Francisco для текста в стандартных элементах управления, таких как кнопки и метки, iOS автоматически применяет наиболее подходящий вариант на основе размера точки и текущих настроек доступности. В макетах интерфейса используйте следующие размеры текста, чтобы выбрать правильный размер и при необходимости отрегулировать расстояние между буквами.
-
Для SF используйте Текст для текста, который меньше 20 точек; используйте Дисплей для текста размером 20 или больше.
ПРИМЕЧАНИЕ
iOS использует San Francisco в качестве системного шрифта для букв латинского, греческого и кириллического алфавита, а также множество других шрифтов для других сценариев.
Минимизируйте количество шрифтов, которые вы используете в вашем интерфейсе. Смешивание слишком большого количества разных шрифтов может сделать ваше приложение фрагментарным и небрежным.
Убедитесь, что пользовательские шрифты разборчивы. Пользовательские шрифты поддерживаются в iOS, оданко их сложно прочитать, особенно если они имеют стилистические атрибуты, которые затрудняют различение букв при отображении в небольших размерах. Если ваше приложение не нуждается в особом шрифте,например, для целей брендинга или для создания захватывающего игрового процесса, лучше придерживаться системных шрифтов. Попробуйте использовать собственный шрифт только для отображения текста; если вы используете его для чтения или интерфейса текста, убедитесь, что он читается даже при небольших размерах.
Реализуйте специальные возможности для пользовательских шрифтов. Системные шрифты автоматически реагируют на такие специальные возможности, как полужирный текст и крупный шрифт. Реализуйте такое же поведение в приложениях, которые используют пользовательские шрифты, убедившись, что функции специальных возможностей включены и регистрируя уведомления при их изменении. См. Размер и толщина текста.
Стандартные шрифты операционных систем: Windows, Mac OS

Задались вопросом какую гарнитуру (шрифт) использовать на сайте, и чтобы текст отображался одинаково у большинства пользователей? Для 100% уверенность в этом необходимо знать тот набор шрифтов, который устанавливается в операционной системе по-умолчанию.
Как показывает статистика операционные системы используются в следующем процентном соотношении.
- На продукты Windows от Microsoft приходиться в среднем 94% от общего числа пользователей.
В частности из этого объема:- Windows 7 — 47%.
- Windows XP — 42%.
- Все остальные версии — 11%.
Список стандартных шрифтов в Windows и Mac OS
Условные обозначения
- Курсив — гарнитура поддерживает кириллицу.
- 1.0 — используемая версия гарнитуры.
- # — используемая версия гарнитуры неизвестна.
- A.0 — гарнитуры доступна, при наличии дополнительного ПО (O.2000 — Microsoft Office 2000).
Использовались материалы
- Microsoft Fonts and Products
- ОС Mac OS X 10.5: список шрифтов
- ОС Mac OS X 10.6: список шрифтов
- ОС OS X Lion: список шрифтов
Руководствуясь этой информацией мы создаем отличные сайты;)
Зачем Apple придумали и ввели в iOS новый шрифт San Francisco?

Apple использовала набор шрифтов Helvetica в качестве системного шрифта для iOS с момента выпуска первого iPhone. Они также заменили им Lucida Grande в Mac OS X, начиная с версии 10.10 Yosemite. Так почему же теперь Apple решила избавиться от самого любимого в мире шрифта?
iOS 9 стал официально доступен для всех, и новое семейство шрифтов под названием San Francisco ненавязчиво заменило Helvetica Neue.

Helvetica (слева) и San Francisco (справа)
К этому моменту они уже использовались в Apple Watch. Теперь же San Francisco стал единым стандартным шрифтом для всех продуктов платформы: Apple Watch, iPhone, iPad и Mac.
Apple использовала семейство Helvetica в качестве системного шрифта для iOS с момента выпуска первого iPhone. Они также заменили им Lucida Grande в Mac OS X, начиная с версии 10.10 Yosemite. Так почему же теперь Apple решила избавиться от самого любимого в мире шрифта?
Малые размеры — слабое место Helvetica
Существует мнение, что Helvetica не подходит для текстов малых размеров. Когда в Mac OS X Yosemite на смену предыдущему семейству пришла Helvetica, многие дизайнеры посчитали эту замену неподходящей.

“Helvetica sucks” из блога Erik Spiekermann.
В малой читабельности Helvetica вы можете убедиться следующим образом. Наберите текст малого размера и «размойте» его. Некоторые его фрагменты при этом «смешаются» так, что разобрать их содержимое станет сложно. Говорят, Apple разработала семейство San Francisco как раз для того, чтобы сделать текст малого размера в Apple Watch более разборчивым.

Однако разрешение современных умных устройств превышает разрешение печатного издания, и тексты в iPhone далеко не всегда также малы как в Apple Watch. Почему тогда Apple произвела замену не только в Apple Watch, но и в iOS and Mac OS X?
San Francisco — разнообразен
У шрифтов San Francisco много особенностей, которые делают их удобными для чтения. На самом деле, вариант San Francisco для Apple Watch и вариант для iOS/Mac — два разных шрифта.
Семейство шрифтов под названием “SF” используется для iOS/Mac, в то время как для Apple Watch используется “SF Compact”. Разницу вы можете заметить на примере округленных букв, таких, как ‘o’ и ‘e’. Вертикальные линии в SF Compact сделаны более плоскими, нежели у SF.

Эта разница приводит к тому, что в тексте, набранном с помощью SF Compact, увеличиваются отступы между символами, что в результате делает текст более разборчивым при его чтении с устройств малого размера, таких, как Apple Watch.
В добавок к этому, каждое из семейств подразделяются еще на два подсемейства: “Text” и “Display”. В Apple это называют “Optical Sizes”. Подсемейство Text предназначены для текстов малого размера, тогда как Display — для больших размеров.

Семейство шрифтов San Francisco
Как упоминалось выше, у гротесковых шрифтов (или рубленных), таких как Helvetica, две расположенные рядом буквы «смешиваются», а такие буквы, как ‘a’, ‘e’, ‘s’ становятся очень похожими друг на друга при малых размерах текста.

Сравнение отступов между символами в шрифтах подсемейств Display и Text

Сравнение шрифтов подсемейств Display и Text на примере отдельного символа
Подсемейство Text, при этом, задумано так, что отступы между символами в нем увеличены по сравнению с символами подсемейства Display, а просветы в них расширены для улучшения читабельности при малых размерах текста.
San Francisco динамичен
Одна из замечательных особенностей San Francisco заключается в том, что гарнитура оптимизируется динамически. Display и Text заменяют друг друга в соответствии с размером отображаемого текста. В качестве порога здесь определен размер 20pt.

Дизайнерам и инженерам не нужно беспокоиться о выборе подходящего варианта из семейства. Всего лишь добавляем системный шрифт в UILabel, например. Система сама определит какая гарнитура вам нужна.
Однако по настоящему впечатляет в шрифтах San Francisco то, как в них отображаются двоеточия. Обычно в других шрифтах мы видим его прямо над нижней линией, поэтому в случаях, когда оно располагается между между цифрами, двоеточие оказывается не выровнено по центру вертикально. Однако, в шрифтах семейства San Francisco, такое выравнивание происходит автоматически.
Автоматическое выравнивание двоеточия вертикально по центру
San Francisco пришел к нам из цифровой эпохи
Как видите, шрифты San Francisco созданы и продуманы для легкого восприятия текста любых размеров и на любом устройстве.
Helvetica, на смену которой они пришли, была создана в Швейцарии в 1957 году, когда еще не существовало никаких цифровых устройств. Она, тем не менее, до сих пор используется многими компаниями в качестве корпоративного шрифта, и, вне всяких сомнений, будет использоваться и в будущем как хороший классический шрифт.
San Francisco же, напротив, является шрифтом современным. Его гарнитура меняется динамически, в соответствии с контекстом. Его можно назвать своего рода «родным шрифтом» цифровой эпохи.
- Helvetica
- iOS9
- шрифт San Francisco
- сравнение шрифтов
