Η γραμματοσειρά αποτελεί αναπόσπαστο μέρος του σχεδιασμού ιστοσελίδων, δίνοντας στον ιστότοπο ένα ξεχωριστό στυλ. Το κείμενο υψηλής ποιότητας στη σελίδα πρέπει να φαίνεται αρμονικό, να συνδυάζεται με τα υπόλοιπα στοιχεία του ιστότοπου και ταυτόχρονα να συμβάλλει στην καλύτερη αντίληψη των πληροφοριών. Χρησιμοποιώντας πίνακες σήμανσης HTML και CSS, μπορείτε να προσαρμόσετε σχεδόν οποιαδήποτε ρύθμιση για να μεγιστοποιήσετε την απόδοση της σελίδας.
Απαραίτητη
αρχείο γραμματοσειράς σε μορφή TTF
Οδηγίες
Βήμα 1
Για να χρησιμοποιήσετε ένα σύνολο γραμματοσειρών που είναι εγκατεστημένες στον υπολογιστή σας, μπορείτε να χρησιμοποιήσετε την παράμετρο οικογένειας γραμματοσειρών των επικαλυπτόμενων φύλλων στυλ. Για να το κάνετε αυτό, εισαγάγετε τον ακόλουθο κωδικό για το επιθυμητό στοιχείο:
Κείμενο
Αυτή η εντολή θα εμφανίσει την επικεφαλίδα h2 δεύτερου επιπέδου στη γραμματοσειρά Arial.
Βήμα 2
Εάν θέλετε να χρησιμοποιήσετε τη δική σας γραμματοσειρά, πρέπει πρώτα να την ανεβάσετε στη φιλοξενία και να την ενεργοποιήσετε χρησιμοποιώντας την κατάλληλη εντολή. Τα αρχεία TTF περιλαμβάνονται με την ακόλουθη εντολή:
Το χαρακτηριστικό font-family σε αυτήν την περίπτωση καθορίζει το όνομα της γραμματοσειράς και το src: url (font.ttf) καθορίζει τη διαδρομή προς το αρχείο TTF.
Βήμα 3
Αφού ενεργοποιήσετε το στοιχείο, μπορείτε να το χρησιμοποιήσετε για την εμφάνιση κειμένου:
Κείμενο
Αυτή η εντολή είναι υπεύθυνη για την εμφάνιση της απαιτούμενης γραμματοσειράς με πλάγιους χαρακτήρες στην επικεφαλίδα του δεύτερου επιπέδου. Εάν το πρόγραμμα περιήγησης του χρήστη δεν υποστηρίζει το χειρισμό αρχείων TTF, θα χρησιμοποιηθεί η γραμματοσειρά συστήματος που καθορίζεται μετά το πρώτο κόμμα (σε αυτήν την περίπτωση, Verdana).
Βήμα 4
Ορισμένα προγράμματα περιήγησης δεν υποστηρίζουν TTF με δυνατότητα λήψης. Για παράδειγμα, ο Internet Explorer 8 χρησιμοποιεί τη μορφή EOT για την εμφάνιση κειμένου. Για τέτοια προγράμματα περιήγησης, μετατρέψτε το αρχικό TTF χρησιμοποιώντας πολλές υπηρεσίες και συμπεριλάβετε την προκύπτουσα γραμματοσειρά στην παράμετρο @ font-face με τον ίδιο τρόπο.
Βήμα 5
Εάν θέλετε να εισαγάγετε το αρχείο που χρειάζεστε από έναν άλλο πόρο, χρησιμοποιήστε την εντολή @import, η οποία πρέπει να είναι γραμμένη στην κορυφή του εγγράφου CSS:
@import url (https:// font_address)
