Στυλ γραμματοσειράς - CSS-Κόλπα

Anonim

Η font-styleιδιότητα σάς επιτρέπει να κάνετε το κείμενο να εμφανίζεται με πλάγια γραφή (π.χ. κεκλιμένο ή κεκλιμένο).

em ( font-style: italic; )

Αυτό το ξενοδοχείο δέχεται μία από τις τρεις πιθανές τιμές: normal, italicκαι oblique.

Εάν μια δεδομένη οικογένεια γραμματοσειρών έχει πλάγιο ή πλάγιο πρόσωπο, το πρόγραμμα περιήγησης θα επιλέξει αυτό το πρόσωπο. Εάν δεν υπάρχει πλάγια ή πλάγια όψη, το πρόγραμμα περιήγησης θα μιμείται το κεκλιμένο εφέ. Εάν ορίζεται πλάγια γραφή και δεν υπάρχει διαθέσιμο πλάγιο πρόσωπο, το πρόγραμμα περιήγησης θα αναζητήσει ένα πλάγιο πρόσωπο πριν προσπαθήσει να μιμηθεί το πλάγιο. Το ίδιο ισχύει και για την πλάγια. Θα ψάξει επίσης πρώτα για πλάγια όψη.

Για να αποτρέψετε το πρόγραμμα περιήγησης από την προσθήκη μιας μιμημένης ή συνθετικής έκδοσης του πλάγιου ή πλάγιου προσώπου, μπορείτε να χρησιμοποιήσετε την font-synthesisιδιότητα (εάν υποστηρίζεται).

Πλάγια και πλάγια

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

Η παρακάτω επίδειξη δείχνει πλάγια και πλάγια:

Δείτε το στυλό πλάγια εναντίον πλάγιου με στυλ γραμματοσειράς CSS από CSS-Tricks (@ css-tricks) στο CodePen.

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

Χρώμιο Σαφάρι Firefox ΛΥΡΙΚΗ ΣΚΗΝΗ ΙΕ Android iOS
Εργα Εργα Εργα Εργα Εργα Εργα Εργα