So finden Sie Schriftfamiliennamen für CSS

Schriftfamiliennamen identifizieren Schriften in Cascading Style Sheets oder CSS. Da viele Schriftarten Variationen haben, verwenden Designer den Familiennamen wie Arial, Helvetica oder Verdana anstelle des spezifischen Namens einer Schriftart wie Arial Black oder Verdana Bold. Den Familiennamen für eine Schriftart zu finden ist einfach, da der Familienname der Name ist, den die Schriftart und alle ihre Variationen gemeinsam haben. Es gibt generische Schriftfamilien wie Sans Serif und Monospace, die es dem Browser ermöglichen, eine Standardschrift innerhalb des angegebenen Stils auszuwählen, wenn sie in CSS benannt werden.

Schritt 1

Klicken Sie auf die Schaltfläche "Start" in Ihrer Taskleiste, geben Sie "fonts" in die Suchleiste ein und drücken Sie "Enter", um Ihren Fonts-Ordner zu öffnen. Suchen Sie nach der Schriftart, die Sie verwenden möchten, und notieren Sie sich ihren Namen. Zum Beispiel hat Arial --- eine gängige Windows-Schriftart --- viele Schriftartvariationen, zusammen mit dem generischen Namen "Arial". Verwenden Sie den Namen der Schriftartenfamilie Arial, um die generische Schriftart Arial zu verwenden, oder geben Sie Arial Narrow an, um diese bestimmte Schriftart zu verwenden. In der Praxis sollten Sie für den größten Teil des Textkörpers einer Site einen generischen Schriftfamiliennamen verwenden und dann für Kopfzeilen spezifischere Schriftarten verwenden.

Schritt 2

Fügen Sie Ihrem Schriftstapel einen generischen Schriftfamiliennamen hinzu. Schriftartenstapel sind Listen von Schriftartenfamilien in CSS, und Webdesigner verwenden sie als Backup-Schriftarten, wenn Besucher nicht die am meisten bevorzugte Schriftart auf ihrem Computer installiert haben. Verwenden Sie den generischen Namen "serif", um Schriftstapel zu beenden, die mit Serifenschriften wie Georgia oder Times New Roman beginnen, und verwenden Sie "sans-serif", um Schriftstapel zu beenden, die mit Schriften wie Helvetica oder Verdana beginnen. Andere generische Namen sind "monospace", "cursive" und "fantasy". Beachten Sie, dass generische Schriftfamiliennamen irrelevant sind, wenn Sie eine Schrift mit @font-face einbetten.

Fügen Sie Schriftfamiliennamen, die mehr als ein Wort lang sind, in Anführungszeichen ein. Schriftnamen mit nur einem Wort wie Arial oder Georgia benötigen keine Anführungszeichen. Sie können einfache oder doppelte Anführungszeichen verwenden, aber seien Sie beim Mischen von Anführungszeichen vorsichtig, da dies zu Fehlern führen kann. Hier ist ein Beispiel für die Benennung von Schriftarten in CSS:

body { Schriftfamilie: "Helvetica Neue", Arial, serifenlos; }

Der obige Font-Stack gibt an, dass der Browser zuerst nach Helvetica Neue suchen soll. Designer wählen diese Schriftart, weil sie auf Windows-Computern, die normale Helvetica auf hässliche Weise darstellen, nicht existiert. Windows-Benutzer sehen Arial. Alle anderen Benutzer sehen eine standardmäßige serifenlose Schriftart basierend auf ihren Browsereinstellungen.