Αλλάξτε εύκολα το μέγεθος γραμματοσειράς της ιστοσελίδας σας με CSS.
Πίστωση εικόνας: Ableimages/Photodisc/Getty Images
Μπορείτε να πάρετε τον έλεγχο του μεγέθους γραμματοσειράς της ιστοσελίδας σας χρησιμοποιώντας την ιδιότητα μεγέθους γραμματοσειράς της γλώσσας στυλ της HTML, Cascading Style Sheets. Ξεκινώντας με την HTML 5, η προσέγγιση CSS για το στυλ γραμματοσειράς αντικαθιστά την παλαιότερη ετικέτα "font". Ενώ η ετικέτα γραμματοσειράς είναι έγκυρη για τις ιστοσελίδες σας με μορφή HTML 4, δεν υποστηρίζεται πλέον ως έγκυρη ετικέτα σε HTML 5.
Καθορισμός του μεγέθους γραμματοσειράς με CSS
Τα μεγέθη γραμματοσειρών ορίζονται στην ιστοσελίδα σας χρησιμοποιώντας το χαρακτηριστικό CSS "font-size". Τα μεγέθη γραμματοσειράς ορίζονται συνήθως χρησιμοποιώντας το τυπογραφική μέτρηση "em", όπου 1,0 είναι το τρέχον μέγεθος γραμματοσειράς ή ποσοστά, όπου 100 τοις εκατό είναι η τρέχουσα γραμματοσειρά Μέγεθος. Μπορείτε επίσης να χρησιμοποιήσετε τα προκαθορισμένα ονόματα τιμών, όπως "μικρότερο", "μεγαλύτερο", "μικρό" και "xx-large". Καθορίζοντας το μέγεθος σε εικονοστοιχεία ή σημεία είναι έγκυρο, δεν συνιστάται επειδή το κείμενό σας ενδέχεται να μην κλιμακωθεί σωστά σε ορισμένα περιστάσεις.
Το βίντεο της ημέρας
Μπορείτε να χρησιμοποιήσετε στυλ σε σχεδόν οποιαδήποτε ετικέτα HTML στο σώμα της ιστοσελίδας σας. Προσθέστε ένα χαρακτηριστικό "style" στην ετικέτα με το χαρακτηριστικό μέγεθος γραμματοσειράς CSS να έχει οριστεί στο μέγεθος που θέλετε. Το στυλ επηρεάζει το κείμενο μεταξύ της αρχής και του τέλους της ετικέτας -- για παράδειγμα:
Αυτό το κείμενο είναι μεγαλύτερο από το κανονικό.
Αυτό το κείμενο είναι μικρότερο.
Αυτό το κείμενο είναι επίσης μικρότερο.
Χρήση CSS στο φύλλο στυλ σας
Εάν η ιστοσελίδα σας έχει ένα φύλλο στυλ CSS, είτε ενσωματωμένο στην Επικεφαλίδα της σελίδας σας είτε ορισμένο σε ξεχωριστό αρχείο, μπορείτε να αλλάξετε το μέγεθος της γραμματοσειράς εκεί. Τα φύλλα στυλ είναι χρήσιμα για την πραγματοποίηση καθολικών αλλαγών στην ιστοσελίδα σας. Βρείτε ή προσθέστε τη δήλωση που θέλετε να αλλάξετε και προσθέστε τον κωδικό μεγέθους γραμματοσειράς. Για παράδειγμα, για να κάνετε το μέγεθος της γραμματοσειράς μεγαλύτερο για όλες τις ετικέτες παραγράφου, χρησιμοποιήστε:
p { μέγεθος γραμματοσειράς: 125%; }
