Справочник по объявлению нативных шрифтов операционных систем в CSS для мгновенного рендеринга без загрузки веб-шрифтов по сети.
Универсальный стек системных шрифтов
body {
font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
}
Сопоставление шрифтов по платформам
| Имя шрифта / Токен | Операционная система и браузер |
|---|---|
-apple-system |
Safari на macOS и iOS (San Francisco) |
BlinkMacSystemFont |
Chrome / движок Blink на macOS |
"Segoe UI" |
Windows 7, 8, 10, 11 |
Roboto |
Современный Android и ChromeOS |
Oxygen |
Linux с рабочим столом KDE |
Ubuntu |
Linux с Ubuntu Unity / GNOME |
Cantarell |
Linux с GNOME 3+ |
"Fira Sans" |
Firefox OS / окружение Mozilla |
"Droid Sans" |
Старые устройства Android |
"Helvetica Neue" |
macOS 10.9 (Mavericks) и 10.10 (Yosemite) |
sans-serif |
Универсальный резервный шрифт sans-serif |
Современное стандартное ключевое слово (system-ui)
В спецификации CSS Fonts Module Level 4 современные браузеры поддерживают стандартное ключевое слово:
body {
font-family: system-ui, sans-serif;
}