Γραμματοσειρές CSS

Ιδιότητες γραμματοσειράς

Για να μειώσουμε τον κώδικα, μπορείτε επίσης να καθορίσετε όλες τις μεμονωμένες ιδιότητες γραμματοσειράς σε μια ιδιότητα.

font Η ιδιότητα είναι η συντομευμένη μορφή των παρακάτω ιδιοτήτων:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

Παράδειγμα

Χρησιμοποιήστε τη συντομευμένη δήλωση για να ρυθμίσετε μερικές ιδιότητες γραμματοσειράς:

p.a {
  font: 20px Arial, sans-serif;
}
p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

Προσπαθήστε να το δοκιμάσετε προσωπικά

Σημείωση:font-size και font-family Η τιμή είναι απαραίτητη. Αν λείψει οποιαδήποτε άλλη τιμή, θα χρησιμοποιηθεί η προεπιλεγμένη τιμή.

Όλες οι ιδιότητες γραμματοσειράς CSS

Ιδιότητα Περιγραφή
font Σύντομη ιδιότητα. Σε μια δήλωση μπορεί να ρυθμίσει όλες τις ιδιότητες γραμματοσειράς.
font-family Καθορίζει τη σειρά της γραμματοσειράς του κειμένου (οικογένεια γραμματοσειράς).
font-size Καθορίζει το μέγεθος της γραμματοσειράς του κειμένου.
font-style Καθορίζει το στυλ της γραμματοσειράς του κειμένου.
font-variant Καθορίζει αν το κείμενο θα εμφανιστεί με μικρούς κεφαλαίους.
font-weight Καθορίζει το πάχος του χαρακτήρα.