Was ist die font-family?
Die font-family ist eine CSS Eigenschaft, die man ausgewählten Objekten zuweisen kann. Sie ordnet dem Objekt eine priorisierte Liste von Schriftfamiliennamen und/oder generische Familiennamen zu. Eine Besonderheit hierbei ist, dass die einzelnen Werte der font-family mit Kommas getrennt werden. Dadurch wird dem Browser signalisiert, dass es sich hierbei um Alternativen handelt. Der Browers durchläuft die Werte der font-family und wählt die erste Schriftart, die auf dem Computer installiert ist. Falls keine der Schriftarten auf dem Computer installiert ist, sucht der Browers stattdessen nach einer Schriftart, die er herunterladen kann.
Als Web-Designer sollte man bei einer Schriftfamilienliste immer mindestens eine generische Familie angeben, da man nie sichergehen kann, dass eine bestimmte Schriftart auf alle Computern installiert ist oder von allen Computern über die @font-face At-Regel heruntergeladen werden kann. Mit der generischen Schriftart gibt man dem Brower die Möglichkeit, bei Bedarf eine passende Schriftart als Ersatz auszuwählen. Bei der Erstellung der font-family ist es außerdem empfehlenswert, die Kurzform Eigenschaft font zu nutzen, da somit Schrift bezogene Eigenschaften wie font-size auf einmal gesetzt werden.