Шрифт apple system: css — Что означает -apple-system у свойства font-family?

Зачем 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 же, напротив, является шрифтом современным. Его гарнитура меняется динамически, в соответствии с контекстом. Его можно назвать своего рода «родным шрифтом» цифровой эпохи.

Установленный сторонний шрифт не отображается в списке шрифтов в Word для Mac — Office

Twitter LinkedIn Facebook Адрес электронной почты

• Статья
• 04/13/2023

• Применяется к:

  Microsoft Word for Mac

Симптомы

После установки шрифта в папку Fonts в операционной системе и запуска Microsoft Word для Mac шрифт неожиданно недоступен в диалоговом окне «Шрифт», в раскрывающемся списке или в палитре форматирования.

Причина

Сторонние шрифты не поддерживаются напрямую в Microsoft Office для Mac приложениях. Некоторые сторонние шрифты могут работать в одном приложении, а не в другом. Другие сторонние шрифты устанавливаются в семейство. Семейство обычно состоит из стороннего шрифта вместе с некоторыми или всеми его вариантами (полужирным шрифтом, курсивом и т. д.). Иногда шрифт может отображаться в Microsoft Word, Microsoft PowerPoint, Microsoft Excel или Microsoft Entourage, но вы не можете использовать один из его вариантов, например курсив.

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

Примечание.

Microsoft Office для Mac технической поддержки не поддерживает установку или настройку сторонних шрифтов.

Устранение неполадок с базовым шрифтом

Если следующие методы не устраняют проблему с шрифтом, обратитесь к производителю шрифта или к веб-сайту, на котором вы приобрели шрифты.

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

Способ 1

1. Очистите кэши шрифтов. Для этого закройте все приложения Microsoft Office. В меню «Главная» щелкните «ПриложенияGo>» и выберите «Шрифтовая книга Apple».

2. В меню «Правка » щелкните «Выбрать дублирующиеся шрифты».

3. В меню

   «Правка » щелкните «Разрешить дубликаты».

4. Чтобы удалить все шрифты с компьютера, который только что был отключен книгой шрифтов, выполните следующие действия.

   1. После устранения дубликатов выберите каждый отключенный шрифт, щелкните> «Отобразить файл» вfinder и перетащите его в корзину.
   2. Вы можете заметить, что шрифтовая книга иногда отключает более новую копию шрифта, а не старую. Если вы предпочитаете новую копию, перетащите старую копию в корзину, а затем снова включите новую.

5. Перезагрузите компьютер. Apple OS X перестроит кэш шрифтов, а Word перестроит его из этого кэша шрифтов.

6. Чтобы обеспечить оптимальную производительность в Word, попробуйте работать со всеми шрифтами, включенными в течение всего времени. При каждом запуске Word сравнивает кэш шрифтов с системным кэшем шрифтов. Если они не совпадают, Word повторно создаст собственный кэш шрифтов, что может занять несколько секунд. Если у вас есть динамически включенные шрифты, системный кэш шрифтов будет отображаться по-разному практически каждый раз, когда Word выполняет это сравнение.

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

Способ 2

Перезапустите компьютер в безопасном режиме. Затем перезапустите компьютер в обычном режиме. Дополнительные сведения о том, как перезапустить компьютер в безопасном режиме, см. в следующей статье, чтобы просмотреть статью в базе знаний Майкрософт:

2398596 Как использовать «чистый запуск» для определения того, не помогают ли фоновые программы Office для Mac

Способ 3

Создайте новую учетную запись пользователя, чтобы определить, связана ли проблема с существующей учетной записью пользователя.

Шрифт поврежден или система не считывает шрифт

Если шрифт не является пользовательским шрифтом и не отображается в программе Office, он может быть поврежден. Сведения о переустановлении шрифта см. в разделе «Расположения шрифтов и их назначение в Mac OS X».

В этой статье упомянуты программные продукты независимых производителей. Корпорация Майкрософт не дает никаких явных, подразумеваемых и прочих гарантий относительно производительности или надежности этих продуктов.

шрифтов Apple, типографская хронология

Еще в 2019 году, во время ежегодного мероприятия Apple, компания представила свой последний выпуск в своей библиотеке системных шрифтов.

New York — это шрифт с засечками, разработанный Apple, основанный на основных аспектах исторических стилей шрифтов и предназначенный для работы как самостоятельно, так и вместе с San Francisco, системой шрифтов iOS с 2014 года. 

«Что, если я скажу вам, что Apple Шрифт New York существует уже тридцать лет? — отметила Эшли Бишофф в Твиттере, имея в виду растровый шрифт New York Сьюзен Кэр.

Шрифт с переходными засечками, разработанный в 1983 году в Нью-Йорке Сьюзен Каре, несомненно, женщиной в области технологий, которая изменила нашу цифровую среду. Этот шрифт был переработан в 1988 году Чарльзом Бигелоу и Крис Холмс.

New York, оригинальный, был стандартным шрифтом растровых засечек для ранних операционных систем Macintosh, и хотя первоначально он назывался «Ardmore», он был переименован в New York перед его первоначальным выпуском как часть названия «Города мирового класса». схема соучредителя Apple Computer Стива Джобса. Разработанный как растровое изображение, Нью-Йорк позже был выпущен в формате TrueType, хотя дизайн отличался от растровой версии. Вот как Нью-Йорк и другие шрифты получили свои названия городов в соответствии с Каре.

«Поступление в группу Macintosh в качестве графического дизайнера растровых изображений было для меня удачей, и одной из интересных частей работы была разработка экранных шрифтов. Это было особенно приятно, потому что Macintosh мог отображать пропорциональные шрифты, оставляя позади тиранию моноширинных алфавитов с их узкими буквами «м» и широкими буквами «i», — пишет Каре .

«Первый шрифт для Macintosh был разработан как жирный системный шрифт без зубчатых диагоналей и первоначально назывался «Элефонт». Предполагалось, что будет много шрифтов, поэтому мы искали набор привлекательных, связанных названий. Энди Херцфельд и я познакомились в средней школе в пригороде Филадельфии, поэтому мы начали называть другие шрифты в честь остановок в пригородном поезде Paoli Local: Overbrook, Merion, Ardmore и Rosemont. (Выкуп был единственным, кто нарушил это соглашение; это был шрифт из несовпадающих букв, предназначенный для вызова сообщений от похитителей, сделанных из вырезанных букв)».

«Однажды Стив Джобс остановился у группы разработчиков программного обеспечения, как он часто делал в конце дня. Он нахмурился, глядя на названия шрифтов в меню. «Что это за имена?», — спросил он, и мы рассказали о Paoli Local. «Ну, — сказал он, — города — это хорошо, но не маленькие городки, о которых никто никогда не слышал. Они должны быть городами МИРОВОГО УРОВНЯ!» Вот как Чикаго (Элефонт), Нью-Йорк, Женева, Лондон, Сан-Франциско (Рэнсом), Торонто и Венеция (шрифт Билла Аткинсона) получили свои названия».

Иконки Сьюзен Каре: выставка, посвященная первопроходцу графического дизайна, которую обязательно нужно посетить

«Будучи студентом бакалавриата в 1970-х, Стив Джобс время от времени посещал уроки каллиграфии просто из интереса: «Я узнал о засечках и гротесках. шрифты с засечками, — сказал он, —… о том, что делает великую типографику великой… Десять лет спустя, когда мы разрабатывали первый компьютер Macintosh… мы встроили все это в Mac. Это был первый компьютер с красивой типографикой”. 83. Предназначенный для использования на экране только в одном размере, высотой 12 пикселей, Чикаго был надежным, но исключительно удобным для пользователя и оставался неотъемлемой частью как интерфейса Mac, так и фирменного стиля Apple на протяжении более десяти лет», — пишет Пол МакНил, типографский дизайнер. с опытом работы с брендами и корпоративными коммуникациями и соучредителем лондонской студии графического дизайна MuirMcNeil в своей книге The Visual History of Type, опубликованной Лоуренсом Кингом.

«Чикаго — наглядный пример эстетической и технологической сдержанности. Работая только с пикселями на ограниченной сетке, не имея никаких ссылок, кроме необработанных компьютерных растровых изображений того времени, Каре добился хорошо модулированного шрифта с тонким контрастом ширины штрихов и пропорциональным расстоянием между буквами, что позволяет легко читать даже на устройствах с низким разрешением. Экран компьютера Mac».

Спустя десятилетия произошли большие перемены. В 2015 году Apple выпустила San Francisco — первый собственный шрифт, разработанный Купертино за более чем 20 лет.

Благодаря четким, компактным формам, тонкой округлости и большому промежутку между буквами шрифт San Francisco был разработан для максимальной читаемости на Apple Watch и других устройствах. Шрифт заменил ранее готовые шрифты, использовавшиеся в его интерфейсах, такие как Lucida Grande с 2000 по 2014 год и Helvetica Neue Light, который был выпущен вместе с выпуском iOS 7 в июне 2013 года, и его появление вызвало многочисленные жалобы на менее разборчивую типографику. . А потом пришел Сан-Франциско.

Хотя различия между Helvetica и San Francisco кажутся тонкими, даже для опытного глаза это не так. Более смелый и удобный шрифт без засечек, дизайн Сан-Франциско ссылается на ряд других шрифтов, в частности FF DIN (используется в пользовательском интерфейсе приложения «Камера» в iOS 7 и выше), Helvetica (используется в пользовательском интерфейсе в iOS 6 и ниже), Helvetica Neue (используется в пользовательском интерфейсе iOS 7 и iOS 8, а также OS X Yosemite), Roboto (новый шрифт пользовательского интерфейса Google) и Univers (используется в ранних конструкциях клавиатуры Apple).

Сан-Франциско высокий, стройный, компактный и предоставляет персонажам больше пространства для передышки, чтобы им было удобнее работать на относительно крошечных мобильных экранах.

В интервью Дэвиду Пирсу из WIRED Алан Дай, глава Apple по человеческим интерфейсам, объяснил, как шрифт был оптимизирован для крошечного экрана часов: «Это привело к тому, что шрифт стал немного более квадратным, но с плавными изогнутыми углами, — сказал Дай. «В то же время, это очень сжато. У него также была более высокая x-высота, что означает, что строчные буквы выше, что делает его немного более разборчивым».

Сегодня Сан-Франциско используется для пользовательского интерфейса во всей линейке продуктов Apple, включая watchOS, macOS, iOS, iPadOS и tvOS (за заметным исключением субтитров в tvOS, которая продолжает использовать Helvetica).

Три основных варианта: SF Pro для macOS, iOS и iPadOS; SF Compact для watchOS; и SF Mono для приложений Terminal, Console и Xcode. Впервые он был представлен вместе с Apple Watch,[4] где он использовался для улучшения разборчивости и большей высоты x для удобства чтения на маленьком дисплее.

Было широко распространено мнение, что San Francisco станет долгожданным шрифтом, который Apple, как сообщается, разрабатывала для самостоятельного использования в своих продуктах, и название шрифта просочилось в ноябре 2014 года, когда WatchKit SDK был выпущен для разработчиков.

SF Symbols 3 от Apple выиграл в этом году награду D&AD Type Design Gold Pencil Award . SF Symbols – это библиотека иконографии, содержащая более 4 000 символов, разработанная для полной интеграции с San Francisco, системным шрифтом для платформ Apple. Символы бывают девяти весов и трех масштабов и автоматически выравниваются с текстовыми метками. Их можно экспортировать и редактировать с помощью инструментов редактирования векторной графики для создания пользовательских символов с общими характеристиками дизайна и функциями доступности.

Сегодня SF Symbols 4 содержит более 700 новых символов, переменный цвет, автоматический рендеринг и новую унифицированную аннотацию слоев.

Теги/ типографика, шрифт, Helvetica, шрифтовой дизайн, apple, ios, юбилей, сьюзен каре, стив джобс, символы НФ

Системные шрифты CSS — Хуанито Фатас

Я переключился с веб-шрифтов на системные шрифты, чтобы улучшить работу этого веб-сайта. Тем не менее, я все еще использую веб-шрифты для китайского и японского языков, чтобы мне было удобнее читать.

Давайте посмотрим, что предлагает операционная система.

Андроид

• Дроид Санс
• Робото

Система Apple (macOS, iOS)

• Люсида Гранде
• Новый Гельветика
• Сан-Франциско
• Нью-Йорк (2019)

линукс

• Кислород (Linux, KDE, Arch Linux)
• Кантарелл (Linux, GNOME)
• Убунту (Убунту)

Окна

• Тахома
• Сегоу UI

Установленные пользователем шрифты

• Шрифты Noto, популярный шрифт с открытым исходным кодом, который многие используют
• Фира Санс и Фира Код

• -apple-system и шрифты BlinkMacSystemFont для Apple System ¹
• Segoe UI , SegoeUI для Windows
• Roboto , Droid Sans , Droid Sans Fallback для Android
• Ubuntu для Linux
• Fira Sans для ОС Firefox
• Для эмодзи
  • Apple Color Emoji для рендеринга Emoji в системе Apple
  • Segoe UI Emoji , Segoe UI Symbol для рендеринга Emojis в Windows
  • Noto Color Emoji от Google
  • эмодзи ¶
• Для кода дисплея
  • SFМоно-обычный , СФ Моно для системы Яблока
  • Убунту Моно для Убунту
  • Liberation Mono , DejaVu Sans Mono для Linux
  • Menlo , Courier для остальных
  • Код Fira , Noto Mono , если установлен пользователем

По состоянию на декабрь 2019 года сайты используют эти фрагменты.