| 1 | /**
|
|---|
| 2 | * Use the default user interface font in all browsers (opinionated).
|
|---|
| 3 | */
|
|---|
| 4 |
|
|---|
| 5 | html {
|
|---|
| 6 | font-family:
|
|---|
| 7 | system-ui,
|
|---|
| 8 | /* macOS 10.11-10.12 */ -apple-system,
|
|---|
| 9 | /* Windows 6+ */ "Segoe UI",
|
|---|
| 10 | /* Android 4+ */ "Roboto",
|
|---|
| 11 | /* Ubuntu 10.10+ */ "Ubuntu",
|
|---|
| 12 | /* Gnome 3+ */ "Cantarell",
|
|---|
| 13 | /* KDE Plasma 5+ */ "Noto Sans",
|
|---|
| 14 | /* fallback */ sans-serif,
|
|---|
| 15 | /* macOS emoji */ "Apple Color Emoji",
|
|---|
| 16 | /* Windows emoji */ "Segoe UI Emoji",
|
|---|
| 17 | /* Windows emoji */ "Segoe UI Symbol",
|
|---|
| 18 | /* Linux emoji */ "Noto Color Emoji";
|
|---|
| 19 | }
|
|---|
| 20 |
|
|---|
| 21 | /**
|
|---|
| 22 | * Use the default monospace user interface font in all browsers (opinionated).
|
|---|
| 23 | */
|
|---|
| 24 |
|
|---|
| 25 | code,
|
|---|
| 26 | kbd,
|
|---|
| 27 | samp,
|
|---|
| 28 | pre {
|
|---|
| 29 | font-family:
|
|---|
| 30 | ui-monospace,
|
|---|
| 31 | /* macOS 10.10+ */ "Menlo",
|
|---|
| 32 | /* Windows 6+ */ "Consolas",
|
|---|
| 33 | /* Android 4+ */ "Roboto Mono",
|
|---|
| 34 | /* Ubuntu 10.10+ */ "Ubuntu Monospace",
|
|---|
| 35 | /* KDE Plasma 5+ */ "Noto Mono",
|
|---|
| 36 | /* KDE Plasma 4+ */ "Oxygen Mono",
|
|---|
| 37 | /* Linux/OpenOffice fallback */ "Liberation Mono",
|
|---|
| 38 | /* fallback */ monospace,
|
|---|
| 39 | /* macOS emoji */ "Apple Color Emoji",
|
|---|
| 40 | /* Windows emoji */ "Segoe UI Emoji",
|
|---|
| 41 | /* Windows emoji */ "Segoe UI Symbol",
|
|---|
| 42 | /* Linux emoji */ "Noto Color Emoji";
|
|---|
| 43 | }
|
|---|
