Φύλλο οδηγιών γραμματοσειρών συστήματος CSS

Συνοπτικός οδηγός για τη δήλωση γραμματοσειρών συστήματος σε CSS, προσφέροντας μέγιστη ταχύτητα χωρίς καθυστέρηση λήψης αρχείων.

Καθολική στοίβα γραμματοσειρών συστήματος

body {
  font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
}

---

Αντιστοίχιση γραμματοσειρών ανά πλατφόρμα

---

Σύγχρονη τυποποιημένη λέξη-κλειδί (system-ui)

Στο CSS Fonts Module Level 4, τα σύγχρονα προγράμματα περιήγησης υποστηρίζουν την τυποποιημένη λέξη-κλειδί:

body {
  font-family: system-ui, sans-serif;
}