Πώς να βρείτε ονόματα οικογενειών γραμματοσειρών για το CSS

Τα ονόματα των γραμματοσειρών προσδιορίζουν τις γραμματοσειρές σε φυλλασμένα φύλλα στυλ ή CSS. Δεδομένου ότι πολλές γραμματοσειρές έχουν παραλλαγές, οι σχεδιαστές χρησιμοποιούν το οικογενειακό όνομα, όπως Arial, Helvetica ή Verdana, αντί για το συγκεκριμένο όνομα γραμματοσειράς, όπως το Arial Black ή το Verdana Bold. Η εύρεση του ονόματος της οικογένειας για μια γραμματοσειρά είναι απλή επειδή το όνομα της οικογένειας είναι το όνομα που η γραμματοσειρά και όλες οι παραλλαγές της έχουν κοινό. Γενικές οικογένειες γραμματοσειρών, όπως sans serif και monospace, υπάρχουν όταν ονομάζονται σε CSS, επιτρέπουν στο πρόγραμμα περιήγησης να επιλέξει μια προεπιλεγμένη γραμματοσειρά μέσα στο δηλωμένο στυλ.

Βήμα 1

Κάντε κλικ στο κουμπί "Έναρξη" "στη γραμμή εργασιών σας, πληκτρολογήστε" γραμματοσειρές "στη γραμμή αναζήτησης και πατήστε" Enter "για να ανοίξετε το φάκελο Fonts. Αναζητήστε τη γραμματοσειρά που θέλετε να χρησιμοποιήσετε και σημειώστε το όνομά της. Για παράδειγμα, το Arial --- μια κοινή γραμματοσειρά των Windows --- έχει πολλές παραλλαγές γραμματοσειρών, μαζί με ένα γενικό όνομα του "Arial". Χρησιμοποιήστε το όνομα της γραμματοσειράς Arial για να χρησιμοποιήσετε τη γενική γραμματοσειρά Arial ή καθορίστε το Arial Narrow για να χρησιμοποιήσετε τη συγκεκριμένη γραμματοσειρά. Στην πράξη, θα πρέπει να χρησιμοποιήσετε ένα γενικό όνομα γραμματοσειράς για το μεγαλύτερο μέρος του κειμένου ενός ιστοτόπου και στη συνέχεια να χρησιμοποιήσετε πιο συγκεκριμένες γραμματοσειρές για κεφαλίδες.

Βήμα 2

Προσθέστε ένα γενικό όνομα γραμματοσειράς στη στοίβα γραμματοσειρών σας. Οι στήλες γραμματοσειρών είναι λίστες γραμματοσειρών σε CSS και οι σχεδιαστές ιστοσελίδων τις χρησιμοποιούν ως εφεδρικές γραμματοσειρές όταν οι επισκέπτες δεν έχουν την πιο προτιμώμενη γραμματοσειρά που είναι εγκατεστημένη στον υπολογιστή τους. "serif" για να τελειώσετε τις γραμματοσειρές που αρχίζουν με γραμματοσειρές serif όπως Georgia ή Times New Roman και χρησιμοποιήστε το "sans-serif" για να τελειώσετε τις γραμματοσειρές που αρχίζουν με γραμματοσειρές όπως το Helvetica ή το Verdana. Άλλα γενικά ονόματα περιλαμβάνουν το "monospace", "cursive" και "φαντασία". Σημειώστε ότι τα γενικά ονόματα των γραμματοσειρών είναι άσχετα όταν ενσωματώνετε μια γραμματοσειρά χρησιμοποιώντας το @ font-face.

Προσθέστε εισαγωγικά σχετικά με τα ονόματα των γραμματοσειρών που είναι περισσότερα από μία λέξη. Τα ονόματα γραμματοσειρών μιας λέξης όπως το Arial ή η Γεωργία δεν απαιτούν εισαγωγικά. Μπορείτε να χρησιμοποιήσετε εισαγωγικά ή διπλά εισαγωγικά, αλλά να είστε προσεκτικοί κατά την ανάμειξη των τύπων των προσφορών, επειδή αυτό μπορεί να οδηγήσει σε σφάλματα. Ακολουθεί ένα παράδειγμα του πώς ονομάζονται γραμματοσειρές στο CSS: body {font-family: "Helvetica Neue", Arial, sans-serif; } Η παραπάνω στοίβα γραμματοσειρών καθορίζει ότι το πρόγραμμα περιήγησης πρέπει πρώτα να ψάξει για το Helvetica Neue. Οι σχεδιαστές επιλέγουν αυτή τη γραμματοσειρά επειδή δεν υπάρχουν σε υπολογιστές με Windows που εμφανίζουν κανονικό Helvetica κατά τρόπο άσχημο. Οι χρήστες των Windows θα δουν το Arial. Οποιοσδήποτε άλλος χρήστης θα δει μια προεπιλεγμένη γραμματοσειρά sans-serif με βάση τις ρυθμίσεις του προγράμματος περιήγησης.

Συμβουλή

Ορισμένοι διάσημοι σχεδιαστές, όπως ο Paul Irish και ο Chris Coyier, προτείνουν τώρα να καταργήσουν τις γραμματοσειρές και να ονομάσουν γενική γραμματοσειρά μόνο στις οικογένειες, ειδικά στην περίπτωση των κοινών κερμάτων Helvetica, Arial και sans-serif. Αυτό πρέπει να σέβεται τις ρυθμίσεις του χρήστη και, στην περίπτωση του sans-serif stack, να αποθηκεύετε το χρόνο σχεδιαστών, αφού τα περισσότερα προγράμματα περιήγησης επιλέγουν ούτως ή άλλως αυτές τις γραμματοσειρές.