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

Για το HTML5 και το σχεδιασμό του ιστότοπου γενικά, συνιστάται η χρήση του CSS για τον προσδιορισμό της γραμματοσειράς. Στο ακόλουθο παράδειγμα, η γραμματοσειρά καθορίζεται στο σώμα, η οποία λέει στο πρόγραμμα περιήγησης να χρησιμοποιεί το Verdana εάν είναι διαθέσιμο, το Arial ως εναλλακτική λύση και τον κωδικό χρώματος # 333. Με το CSS, η οικογένεια γραμματοσειρών και το χρώμα μπορούν να εφαρμοστούν απευθείας σε οποιοδήποτε συγκεκριμένο στοιχείο HTML ή να προστεθούν σε μια συγκεκριμένη ετικέτα HTML χρησιμοποιώντας μια κλάση ή ένα αναγνωριστικό.

 σώμα {font-family: verdana, arial; χρώμα: # 333; }} 

Γραμματοσειρές HTML με ετικέτα γραμματοσειράς

Παράδειγμα κώδικα

 Verdana γραμματοσειρά σε πράσινο χρώμα 

Παράδειγμα αποτελέσματος

Πού μπορώ να βρω περισσότερες γραμματοσειρές web;

Μια από τις ευκολότερες μεθόδους για τη λήψη γραμματοσειρών για την ιστοσελίδα σας είναι να χρησιμοποιήσετε το Google Γραμματοσειρές, το οποίο είναι μια συλλογή χιλιάδων γραμματοσειρών από την Google. Αυτές οι γραμματοσειρές φορτώνονται από τους γρήγορους και παγκόσμιους διακομιστές και μπορούν να βελτιώσουν την εμφάνιση του ιστότοπού σας.

• Δείτε τη σελίδα Γραμματοσειρές Google για μια πλήρη λίστα των διαθέσιμων γραμματοσειρών τους.

• Αλλαγή του τύπου γραμματοσειράς που εμφανίζεται σε μια ιστοσελίδα.

CSS, Γραμματοσειρά, ετικέτα HTML, όροι Διαδικτύου, Ιστός, όροι σχεδιασμού ιστοσελίδων