Задать вопрос
ayran
@ayran
Ученик

В macOS San Francisco, windows Segoe UI?

На маке и под виндой, нужно отображение контента шрифтом по умолчанию; то бишь в macOS San Francisco, в windows Segoe UI.

Показали вот такую штуку:

font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,
"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";


Насколько жизнеспособна и кошерна эта запись; даст ли она желаемый результат без подводных, не очевидных при первом взгляде, каких-либо проблем — seo и т.д.?

Кто реализовывал подобное, внесите ясность пожалуйста в вопрос.
Уверен, не мне одному будет интересно и полезно в этом подразобраться.
Благодарю.
  • Вопрос задан
  • 907 просмотров
Подписаться Простой Комментировать
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
На маке и под виндой, нужно отображение контента шрифтом по умолчанию

Не стоит забывать и о других операционных системах. Есть более глобальная версия этого заклинания:
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif


Здесь примерно такой расклад:
  • -apple-system - для macOS
  • BlinkMacSystemFont - обратно для macOS
  • Segoe UI - Windows (начиная с Висты)
  • Roboto - Ведроид
  • Oxygen - Линуксы с кедами
  • Ubuntu - Собственно Ubuntu и некоторые ее производные
  • Cantarell - Линуксы с гномами
  • Fira Sans - Шрифт от мозиллы (был сделан для Firefox OS, теперь не очень понятно, нужно это или нет, я так ни разу и не видел вживую устройства с этой ОС)
  • Droid Sans - Старый ведроид
  • Helvetica Neue - Еще немного старых маков
  • sans-serif - На всякий случай

Emoji в этом варианте не включаются (обычно они и не нужны), но можно добавить так, как вы написали (в конце, после sans-serif). В отдаленном светлом будущем у нас еще будет system-ui, но пока будущее еще не до конца наступило.

При использовании таких заклинаний нужно помнить о том, что "-apple-system" не стоит использовать в свойстве font, только в font-family, а то все может внезапно сломаться. Про проблемы с SEO ни разу не слышал, скорее будет небольшой положительный эффект за счет уменьшения скорости загрузки страниц. А может и не будет.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы