На маке и под виндой, нужно отображение контента шрифтом по умолчанию
Не стоит забывать и о других операционных системах. Есть более глобальная версия этого заклинания:
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 ни разу не слышал, скорее будет небольшой положительный эффект за счет уменьшения скорости загрузки страниц. А может и не будет.
Простой
Средний