Γραμματοσειρά-οικογένεια - CSS-Κόλπα

Anonim

Η font-familyιδιότητα καθορίζει τη γραμματοσειρά που εφαρμόζεται στο επιλεγμένο στοιχείο. Η γραμματοσειρά που επιλέγεται δεν είναι ένα μεμονωμένο πρόσωπο γραμματοσειράς, αλλά μια «οικογένεια», και επομένως μπορεί να εξαρτάται από άλλες τυπογραφικές τιμές ιδιοτήτων για να επιλέξετε το σωστό πρόσωπο μέσα στην οικογένεια.

body ( font-family: Arial, Helvetica, sans-serif; )

Μια τιμή μπορεί να είναι ένα από τα ακόλουθα:

  • Ένα όνομα οικογένειας γραμματοσειρών που ταιριάζει με μια γραμματοσειρά που είναι ενσωματωμένη στη σελίδα ή είναι διαθέσιμη στο σύστημα του χρήστη.
  • Μια σειρά οικογενειακών ονομάτων, χωρισμένα με κόμματα, τα οποία μπορούν να περιλαμβάνουν ένα γενικό όνομα οικογένειας

Εάν χρησιμοποιούνται πολλά ονόματα οικογένειας, το πρόγραμμα περιήγησης θα επιλέξει το πρώτο που βρίσκει ενσωματωμένο στη σελίδα χρησιμοποιώντας @font-faceή εγκατεστημένο στο λειτουργικό σύστημα του χρήστη.

Διότι font-familyδεν υπάρχει συγκεκριμένη προεπιλεγμένη ή αρχική τιμή. η αρχική τιμή εξαρτάται πάντα από το πρόγραμμα περιήγησης ή / και το λειτουργικό σύστημα.

Γενικά οικογενειακά ονόματα

Εάν χρησιμοποιούνται πολλές τιμές για μία μόνο δήλωση, συνιστάται η καταχώριση μιας γενικής οικογένειας ως εναλλακτική λύση για να εξασφαλιστεί η καλύτερη τυπογραφική εμπειρία:

code ( font-family: Courier, Monaco, monospace; )

Στο παραπάνω παράδειγμα, το "Courier" και το "Μονακό" είναι πραγματικά οικογενειακά ονόματα των πραγματικών γραμματοσειρών, ενώ το "monospace" είναι απλώς μια γενική αναφορά σε οποιαδήποτε γραμματοσειρά είναι εγκατεστημένη στο σύστημα του χρήστη που είναι μονόπλευρη.

Εάν δεν βρεθούν εγκατεστημένα τα δύο πρώτα, το πρόγραμμα περιήγησης θα επιλέξει την καλύτερη επιλογή, αλλά μόνο από γραμματοσειρές monospace. Χωρίς τη γενική οικογένεια, η γραμματοσειρά θα ήταν προεπιλεγμένη σε ό, τι είναι η προεπιλεγμένη γραμματοσειρά στο σύστημα του χρήστη (πιθανώς ένα serif ή sans-serif), κάτι που θα ήταν ανεπιθύμητο.

Generic οικογενειακά ονόματα περιλαμβάνουν serif, sans-serif, cursive, fantasy, και monospace.

Εάν ένα όνομα οικογένειας ταιριάζει με ένα γενικό όνομα οικογένειας, το όνομα της οικογένειας θα πρέπει να αναφέρεται για να υποδείξει ότι δεν είναι γενικό.

Οικογενειακά ονόματα πολλαπλών λέξεων

Εάν ένα όνομα οικογένειας περιέχει πολλές λέξεις, χωρισμένες με κενά, συνιστάται να αναφέρετε το όνομα της οικογένειας σε εισαγωγικά (μεμονωμένα ή διπλά):

code ( font-family: "Times New Roman", Georgia, serif; )

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

Υποστήριξη προγράμματος περιήγησης

Χρώμιο Σαφάρι Firefox ΛΥΡΙΚΗ ΣΚΗΝΗ ΙΕ Android iOS
Εργα Εργα Εργα Εργα Εργα Εργα Εργα