Πώς να χρησιμοποιήσετε το CSS για να αλλάξετε γραμματοσειρές σε ιστοσελίδες

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

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

Στο χαρακτηριστικό στυλ, αλλάξτε τη γραμματοσειρά χρησιμοποιώντας το οικογένεια γραμματοσειρών στυλ.

Αποθηκεύστε τις αλλαγές για να δείτε τα εφέ.

Η καλύτερη προσέγγιση είναι να έχετε πάντα τουλάχιστον δύο γραμματοσειρές στη δική σας στοίβα γραμματοσειρών (η λίστα των γραμματοσειρών), έτσι ώστε εάν το πρόγραμμα περιήγησης δεν διαθέτει την πρώτη γραμματοσειρά, μπορεί να χρησιμοποιήσει τη δεύτερη γραμματοσειρά.

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

Να τερματίζετε πάντα τα στυλ CSS με ερωτηματικό (;). Δεν απαιτείται όταν υπάρχει μόνο ένα στυλ, αλλά είναι καλή συνήθεια να ξεκινήσετε.