Секрет нового шрифта San Francisco от Apple
Helvetica (слева), San Francisco (справа)
Шрифт San Francisco уже использовался в Apple Watch, и он уже стал стандартным шрифтом техники Apple: Apple Watch, iPhone, iPad and Mac.
Apple Watch
Apple использовали Helvetica в качестве системного шрифта для iOS с появления первого iPhone. А на Mac OS X они поменяли шрифт с Lucida Grande на Helvetica с момента выхода 10.10 Yosemite. Почему Apple решила похоронить Helvetica — самый известный и любимый шрифт в мире?
В маленьких формах Helvetica слаба
Говорят, что Helvetica не подходит для текстов в малом кегле. Когда системный шрифт в Mac OS X Yosemite поменяли на Helvetica, многие дизайнеры заявляли, что такой шрифт здесь совсем не уместен.
«Helvetica отстой» Erik Spiekermann
Когда вы печатаете текст в маленьком кегле, становится видна низкая разборчивость 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.
Дизайнерам и специалистам больше не надо ломать голову, какой же выбрать шрифт.
Что меня поражает в шрифтах San Francisco — это то, как отображаются двоеточия. В основном, двоеточие ставят прямо над линией шрифта, поэтому оно не выровнено по центру вертикально, если стоит между цифрами. А в шрифтах San Franсisco двоеточия выравниваются так автоматически.
Вертикально выровненное по центру двоеточие
San Francisco — шрифт цифровой эры
Как видите, шрифты San Francisco были бережно продуманы, чтобы их было легко читать в любом кегле и на любом девайсе.
Helvetica, которая была заменена на шрифты San Francisco, была создана в Швейцарии в 1957, когда ещё не было никаких цифровых устройств. Helvetica широко используется многими компаниями в качестве корпоративного шрифта даже сейчас, и нет никаких сомнений, что она будет идальше применяться в будущем как качественный классический шрифт.
С другой стороны, San Francisco — современный шрифт.
Он динамично меняет начертания в соответствии с контекстом. Это что-то вроде «родного» шрифта, будто бы специально созданного для надвигающейся цифровой эры.
Какие права я имею на шрифты, которые предустановлены в macOS?
Аня Данилова |
||||||||
|
Антон! Лицензирование шрифтов — это тёмный лес, что у нас, что в Европе или в Америке. Я уверена, что половина случаев пиратства происходит потому, что пользователи просто не знают, где можно прочитать о том, что они могут делать с шрифтами, а что нет. А то, что прочитать можно, обычно написано сухим юридическим языком. Такой язык едва может понять человек, впервые столкнувшийся с задачей покупки шрифта. |
||||||||
|
Удивительно, что на этот распространённый вопрос ни Эпл, ни шрифтовые компании не дают чёткого ответа. У каждого обновления ПО есть лицензионное соглашение. Это тот самый текст, который никто не читает и скорее нажимает на кнопку «Согласиться». Лицензионное соглашение об использовании программного обеспечения Мак ОС Сиерра В нём можно найти абзац про шрифты, установленные вместе с этим ПО:
|
|
|||||||
|
Это довольно общее описание. С такой лицензией можно создавать и печатать коммерческую работу и отдавать результаты работы в кривых. Но сам шрифтовой файл передавать нельзя: включать шрифт в файл, который отправляется третьим лицам, или использовать шрифт для веба. Для таких ситуаций есть другие лицензии, которые можно приобрести отдельно. |
|
|||||||
|
Однако у разных шрифтовых компаний десктоп-лицензии могут отличаться: где-то можно модифицировать шрифт, не уведомляя производителя, где-то шрифт можно использовать в печатной продукции, но нельзя создавать логотипы. Поэтому я советую всегда смотреть пользовательское соглашение, которое есть у каждого шрифта. Проще всего зайти на сайт продавца шрифта: например, если есть вопросы про шрифт «Арно Про», можно прочитать десктоп-лицензию на сайте Майфонтс. |
|
|||||||
|
P. S. Это был субботний совет о шрифте в дизайне. Хотите знать всё о выборе шрифтов для проекта, о подборе шрифтовых пар, о каллиграфии, летеринге и создании собственных шрифтов? Присылайте вопросы. |
||||||||
Как использовать шрифт San Francisco в Windows?
Задать вопрос
спросил
Изменено 4 года, 11 месяцев назад
Просмотрено
354 тыс.
раз
Я занимаюсь всем графическим дизайном в начинающей компании нескольких друзей, и основная часть нашего продукта — разработка приложения, которое должно работать на всех устройствах после iPhone 4. Итак, после некоторых исследований (у меня практически нет опыта проектирования пользовательского интерфейса) Я подумал, что мы должны использовать шрифт San Francisco для приложения.
Если я правильно понимаю, Apple разрешает использовать шрифт в целях разработки. Однако в официальном источнике есть только версия для iOS, а я пользователь Windows, а это значит, что я не могу ее использовать.
Мне удалось получить шрифт из других источников, установить его, но он не появляется ни в PS, ни в AI. Я также установил его на другой компьютер с другой версией Adobe CS, но это тоже не сработало.
Я рассматриваю вариант использования Helvetica Neue, но было бы здорово, если бы мы могли использовать Сан-Франциско.
Какие варианты у меня есть?
- шрифты
- рекомендации шрифтов
- окна
- приложения
- яблоко
1
Вы идете сюда: https://developer.
apple.com/fonts/ (да, я знаю, что это официальная ссылка — дело в том, что SF — это шрифт открытого типа, он просто «спрятан» глубоко в загруженном пакете)
Затем вы загружаете шрифт.
Затем откройте загруженный zip с помощью 7zip. выполните все следующие шаги с 7zip:
- открыть папку SFPro
- открыть Сан-Франциско Pro.pkg
- открыть файл Payload~
- открыть папку .
- открыть папку Библиотека
- открыть папку Шрифты
Вот все шрифты, которые вам нужны. НО, почему-то, по крайней мере в моем случае, если я устанавливаю курсив, я не могу выбрать обычный шрифт в приложении. Я не знаю, почему, и не пробовал ничего вроде переименования или чего-то подобного, потому что я только что нашел все это. Который твой я не установил курсив в данный момент. Но в остальном работает нормально.
Надеюсь, это поможет.
РЕДАКТИРОВАТЬ: С помощью конвертера, которым поделился @Tanno, я преобразовал шрифт в .
ttf, и теперь все работает.
6
Шаг 1. Загрузите пакет шрифтов с сайта Apple.
https://developer.apple.com/fonts/
Обязательно загрузите обычные шрифты, а не компактные шрифты для watchOS. В загрузке будет раздражающий файл .pkg, который пользователи Windows не смогут сразу открыть. Это нормально.
Шаг 2: Загрузите и установите 7zip
http://www.7-zip.org/download.html
Это позволит вам изучить файл .pkg и перейти к файлам шрифтов.
Шаг 3: Откройте файл .pkg с помощью 7zip .
Шрифты можно найти, выбрав San Francisco Pro.pkg > Payload > Payload > . > Библиотека > Шрифты
Выберите все файлы шрифтов и нажмите кнопку «Извлечь» в верхней панели навигации 7zip. После извлечения вы можете установить шрифты, как и любой другой шрифт Windows.
Источник
1
К сожалению, Apple не слишком заботится о пользователях Windows. Они ожидают, что все, кто проектирует для Mac, будут использовать Mac. И поскольку шрифт San Francisco был создан с определенными функциями, доступными только для Mac, он доступен только для Mac и вряд ли будет доступен для Windows в ближайшее время (если только кто-то не решит взломать его, что вполне возможно).
Поскольку Сан-Франциско очень похож на Helvetica Neue (можете ли вы заметить разницу?), вы, вероятно, можете просто использовать его, хотя Сан-Франциско более сжат.
Сравнение San Francisco и похожих шрифтов:
Как видите, San Francisco очень похож на Helvetica по форме, но, возможно, ближе к Roboto по пропорциям и FF DIN по весу… Все это имеет значение многое для вас, очевидно, зависит от вас. Лично я бы просто придерживался Helvetica.
2
Я воскрешаю это из мертвых, потому что думаю, что у меня есть ответ.
В итоге я скачал шрифт здесь и приступил к конвертации всех шрифтов в формат TTF с помощью этого конвертера. Это отлично сработало для меня.
2
Встречайте расширенное семейство шрифтов San Francisco
WWDC22 Дизайн Дизайн SwiftUI и UI-фреймворки iOS macOS твОС watchOS Смотреть видео
Написано Джихат Гюндуз
Описание: Узнайте о последних дополнениях к San Francisco — системному шрифту для платформ Apple — и узнайте, как они могут обеспечить больший контроль и гибкость при разработке интерфейсов. В дополнение к весам и оптическим размерам, San Francisco теперь поддерживает три новых стиля ширины: Condensed, Compressed и Expanded. Мы также познакомим вас с лингвистическим расширением Сан-Франциско и узнаем больше о многофункциональных семействах арабских системных шрифтов: SF Arabic и SF Arabic Rounded.
Познакомьтесь с семьей
- Поддерживается в настоящее время
- SF Pro (по умолчанию на iOS/macOS)
- SF Pro Rounded (по умолчанию на iOS/macOS)
- SF Compact (по умолчанию на watchOS)
- SF Compact Rounded (по умолчанию на WatchOS)
- SF Mono (для XCODE)
- Текущие веса
- Ультрасорог.
Про»- Apple expanded the style in Photos, News and Maps apps
Explore the new widths
- To weight and optical size, width is now added:
- Condensed
- Compressed
- Expanded
- Полный обзор всех начертаний:
- Стили ближе к центру имеют более нейтральное звучание
- Внешние более выразительное и сильное звучание
- Выбор и сопряжение шрифтов:
- Все стили поддерживают один и тот же язык
- Пропорции по вертикали всегда одинаковы для всех
- Толщина стержня остается относительно одинаковой
- Обычный: лучше всего читается, используется по умолчанию
- Сжатый: Удобная ширина, но вмещает больше текста
- Сжатый: Очень плотные пропорции, хороший стиль отображения
- Расширенный: Используйте на этикетках меньшего размера и вторичном содержимом
- Либо вы можете сэкономить место, либо использовать больший размер с тем же пространством
- Не используйте «Сжатый» для длинных текстов из-за плохой разборчивости
- Примеры комбинаций:
- Приложение «Фотографии» сочетает в себе сжатый полужирный шрифт для заголовка и расширенный полужирный шрифт для подзаголовка
- Мир возможных комбинаций:
- 4 4
- Приложение «Новости» использует «Сжатое» или «Сжатое» для заголовка, чтобы вместить больше, придавая заголовку индивидуальность.
- Ультрасорог.
Про»
