CSS font-family attribute

Ορισμός και χρήση

Το font-family καθορίζει τη γραμματοσειρά του στοιχείου.

Το font-family μπορεί να χρησιμοποιηθεί ως σύστημα υποκατάστασης για πολλαπλά ονόματα γραμματοσειράς. Αν το πρόγραμμα περιήγησης δεν υποστηρίζει την πρώτη γραμματοσειρά, θα δοκιμάσει την επόμενη. Δηλαδή, η τιμή του font-family είναι μια προτεραιότητα κατάλογος για το όνομα της γραμματοσειράς ή/και της κατηγορίας γραμματοσειράς ενός στοιχείου. Το πρόγραμμα περιήγησης θα χρησιμοποιήσει την πρώτη τιμή που μπορεί να αναγνωρίσει.

Υπάρχουν δύο τύποι ονομάτων γραμματοσειράς:

  • Καθορισμένα ονόματα γραμματοσειράς: συγκεκριμένα ονόματα γραμματοσειράς, π.χ. "times", "courier", "arial".
  • Τυπικά ονόματα γραμματοσειράς: π.χ. "serif", "sans-serif", "cursive", "fantasy", "monospace"

Συμβουλή:Διαχωρίστε κάθε τιμή με κόμμα και παρέχετε πάντα μια κατηγορία γραμματοσειράς ως τελευταία επιλογή.

Σημείωση:Η χρήση μιας συγκεκριμένης γραμματοσειράς (Geneva) εξαρτάται από το αν η γραμματοσειρά είναι διαθέσιμη στον υπολογιστή του χρήστη; Αυτή η ιδιότητα δεν δείχνει καμία λήψη γραμματοσειράς. Επομένως, προτείνεται σθεναρά να χρησιμοποιηθεί ένα όνομα γενικής γραμματοσειράς ως επιλογή.

Δείτε επίσης:

Εκμάθηση CSSΕνότητα CSS Γραμματοσειρά

Εγχειρίδιο CSSCSS font attribute

Εγχειρίδιο HTML DOMΑντίληψη γραμματοσειράς

Παράδειγμα

Ρύθμιση γραμματοσειράς για το στίχο:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Προσωπική δοκιμή

Γλώσσα CSS

font-family: family-name|generic-family|initial|inherit;

Τιμή της ιδιότητας

Τιμή Περιγραφή
  • family-name
  • generic-family

Μια προτεραιότητα κατάλογος για το όνομα της γραμματοσειράς ή/και της κατηγορίας γραμματοσειράς ενός στοιχείου.

Προεπιλεγμένη τιμή: εξαρτάται από το πρόγραμμα περιήγησης.
inherit Προκρίνει ότι η γραμματοσειρά πρέπει να κληρονομηθεί από το γονικό στοιχείο.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: μη καθορισμένη
Αναγωγή: ναι
Έκδοση: CSS1
Γλώσσα γράψτε: JavaScript object.style.fontFamily="arial,sans-serif"

Πειραματική Έκδοση (TIY)

Ρύθμιση της γραμματοσειράς του κειμένου
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε το κείμενο γραμματοσειράς.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στη τаблицή αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5