typography.css 1.1 KB

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