Στυλ γραμματοσειράς CSS

Font style

font-style The attribute is mainly used to specify italic text.

This attribute can set three values:

  • normal - The text is displayed normally
  • italic - The text is displayed in italic
  • oblique - The text is 'oblique' (similar to italic, but supported less)

Παράδειγμα

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Δοκιμάστε το Εκπρόσωπο

Πάχος Γραμματοσειράς

font-weight Το χαρακτηριστικό καθορίζει το πάχος της γραμματοσειράς:

Παράδειγμα

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Δοκιμάστε το Εκπρόσωπο

Γραμματοσειρά Μεταβλητών

font-variant Το χαρακτηριστικό καθορίζει αν το κείμενο θα εμφανίζεται με γραμματοσειρά small-caps (μικρά κεφαλαία).

Στην γραμματοσειρά small-caps, όλες οι μικρές γραμμές θα μετατραπούν σε κεφαλαία. Ωστόσο, το μέγεθος της γραμματοσειράς των μετατρεπόμενων κεφαλαίων είναι μικρότερο από το μέγεθος της αρχικής γραμματοσειράς των κεφαλαίων του κειμένου.

Παράδειγμα

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Δοκιμάστε το Εκπρόσωπο