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

Το στοιχείο FONT απορρίφθηκε σε HTML 4 και δεν αποτελεί μέρος της προδιαγραφής HTML5. Έτσι, αν θέλετε να αλλάξετε τις γραμματοσειρές στις ιστοσελίδες σας, θα πρέπει να μάθετε πώς να το κάνετε με το CSS (Cascading Style Sheets ).

Βήματα για την αλλαγή της γραμματοσειράς με το CSS

1. Ανοίξτε μια ιστοσελίδα χρησιμοποιώντας έναν επεξεργαστή κειμένου HTML . Μπορεί να είναι μια νέα ή υπάρχουσα σελίδα.
2. Γράψτε κάποιο κείμενο: Αυτό το κείμενο βρίσκεται στο Arial
3. Περιγράψτε το κείμενο με το στοιχείο SPAN: Αυτό το κείμενο βρίσκεται στο Arial
4. Προσθέστε την ιδιότητα style = "" στην ετικέτα span: Αυτό το κείμενο βρίσκεται στο Arial
5. Μέσα στο χαρακτηριστικό στυλ, αλλάξτε τη γραμματοσειρά χρησιμοποιώντας το στυλ γραμματοσειράς-οικογένειας: Αυτό το κείμενο βρίσκεται στο Arial

Συμβουλές για την αλλαγή της γραμματοσειράς με το CSS

1. Ξεχωρίστε πολλές επιλογές γραμματοσειρών με κόμμα (,). Για παράδειγμα,
   1. γραμματοσειρά-οικογένεια: Arial, Γενεύη, Helvetica, sans-serif;
   2. Είναι καλύτερο να έχετε πάντα τουλάχιστον δύο γραμματοσειρές στη στοίβα γραμματοσειρών σας (τη λίστα των γραμματοσειρών), έτσι ώστε εάν το πρόγραμμα περιήγησης δεν έχει την πρώτη γραμματοσειρά, μπορεί να χρησιμοποιήσει τη δεύτερη.
2. Πάντα να τερματίζετε κάθε στυλ CSS με ένα ημικραθλήλιο (;). Δεν απαιτείται όταν υπάρχει μόνο ένα στυλ, αλλά είναι μια καλή συνήθεια να μπείτε.
3. Αυτό το παράδειγμα χρησιμοποιεί ενσωματωμένα στυλ, αλλά ο καλύτερος τύπος στυλ τοποθετείται σε εξωτερικά φύλλα στυλ έτσι ώστε να μπορείτε να επηρεάσετε κάτι περισσότερο από το ένα στοιχείο. Μπορείτε να χρησιμοποιήσετε μια κλάση για να ορίσετε το στυλ σε μπλοκ κειμένου. Για παράδειγμα:
   1. class = "arial"> Αυτό το κείμενο βρίσκεται στο Arial
   2. Χρήση του CSS:
   3. .arial {γραμματοσειρά-οικογένεια: Arial; }}