Παίρνουμε τις γραμματοσειρές web ως δεδομένες αυτές τις μέρες. Δεν είχαμε πάντα την επιλογή να ορίζουμε το κείμενό μας σχεδόν σε οποιοδήποτε τυπογραφικό. Θέλω να πω, θα μπορούσαμε, αλλά τότε θα έπρεπε να αναστενάζουμε και να πούμε, "Λοιπόν, αυτό θα φανεί καλό σε υπολογιστές περίπου πέντε ανθρώπων. Ελπίζω ότι όλοι άλλοι συμπαθούν τη Βερντάνα! "
Οι γραμματοσειρές Web έφεραν κάποια πολύ αναγκαία ποικιλία για να δει, μερικές κακοποιήσεις τυπογραφίας, κάποιο επιπλέον βάρος σελίδων καθώς οι ίδιες οι γραμματοσειρές φορτώθηκαν και αναβοσβήνουν με ασταθές ή αόρατο κείμενο. Λοιπόν ... ομελέτα, αυγά, σπάσιμο, παίρνεις την ιδέα. Ήταν αναγκασμένη να συμβεί.
Αν οι χρήστες κολλήσουν κοιτάζοντας μια κενή σελίδα για πολύ καιρό, ίσως απλώς αποφασίσουν να φύγουν
Είναι λίγο ένα πρόβλημα χρηστικότητας, όμως, όταν το κείμενο είναι αόρατο μέχρι να φορτωθεί η προσαρμοσμένη γραμματοσειρά. Εάν οι χρήστες έχουν κολλήσει κοιτάζοντας μια κενή σελίδα για πολύ καιρό (και πολύ καιρό μπορεί να είναι χιλιοστά του δευτερολέπτου), μπορεί απλώς να αποφασίσουν να φύγουν. Και αυτό είναι αρκετά δίκαιο. Δεν είναι φιλικό προς το χρήστη.
Γρήγορα προς τα εμπρός για μερικά χρόνια και προχωρούμε στον έλεγχο του φορτίου των γραμματοσειρών. Μέχρι τώρα, το έχουμε κάνει με βιβλιοθήκες και API τρίτου μέρους. Αλλά τώρα, επιτέλους, αυτή η λειτουργικότητα έρχεται στο CSS.
Καταχωρίστε την ιδιότητα εμφάνισης γραμματοσειράς . Αυτή τη στιγμή είναι μόνο σε Opera, Opera για Android και Chrome. (Εισήχθη για πρώτη φορά στο Chrome 49 ως πειραματική λειτουργία.)
Έρχεται με τέσσερις επιλογές: auto , swap , fallback και προαιρετικά .
Βασικά, επιλέγοντας την εμφάνιση γραμματοσειρών: αυτόματη θα αφήσει το πρόγραμμα περιήγησης να λειτουργεί όπως τώρα. Το κείμενο θα είναι αόρατο μέχρι να φορτωθούν τα προσαρμοσμένα γραμματοσειρά.
swap είναι πιθανώς αυτό που οι περισσότεροι άνθρωποι θα χρησιμοποιήσουν. Εάν η γραμματοσειρά δεν έχει φορτωθεί, θα χρησιμοποιηθεί η επόμενη διαθέσιμη γραμματοσειρά που ορίζεται στην ιδιότητα οικογένειας γραμματοσειράς . Όταν φορτώνεται η γραμματοσειρά Ιστού, θα αντικατασταθεί. Αυτό είναι βασικά ένα φλας από ασταθές περιεχόμενο, αλλά αυτό είναι πιο φιλικό προς το χρήστη από το αόρατο περιεχόμενο, νομίζω.
Το fallback χωρίζει τη διαφορά μεταξύ αυτών των δύο πρώτων επιλογών. Για καθυστέρηση 100 χιλιοστών του δευτερολέπτου, το κείμενο θα είναι αόρατο. Εάν η προσαρμοσμένη γραμματοσειρά φορτωθεί μέχρι τότε, θα χρησιμοποιηθεί. Εάν όχι, η επόμενη γραμματοσειρά στη σειρά διαδοχής θα αποφασίσει μέχρι να φορτωθεί η προσαρμοσμένη γραμματοσειρά.
Προαιρετικά έργα όπως το εφεδρικό, εκτός από το πρόγραμμα περιήγησης που μπορεί να αποφασίσει να μην φορτώσει καθόλου τη γραμματοσειρά, εάν η σύνδεση του χρήστη είναι πολύ αργή
Προαιρετικά έργα όπως το εφεδρικό, εκτός από το πρόγραμμα περιήγησης που μπορεί να αποφασίσει να μην φορτώσει καθόλου τη γραμματοσειρά, εάν η σύνδεση του χρήστη είναι πολύ αργή.
Και εκεί το έχουμε. declaration. Υπενθυμίζουμε ότι η γραμματοσειρά οθόνης προορίζεται να χρησιμοποιηθεί σε δήλωση @ γραμματοσειράς . Αυτό σημαίνει ότι δεν θα λειτουργήσει με τους παροχείς γραμματοσειρών τρίτου μέρους, όπως το Typekit ή το Google Fonts για τώρα. Ωστόσο, όταν η εμφάνιση γραμματοσειράς γίνει πιο διαδεδομένη, είναι πιθανό να εφαρμόσουν κάποιο είδος επιλογής για αυτήν τη λειτουργία.