CSS bietet verschiedene Eigenschaften an Passen Sie die Schriftart an Stil eines Textelements. Von der Art und Farbe der Schriftart und der Farbe auf einstellen Schriftfamilie, Jede Immobilie hat ihre eigene Bedeutung. Die Textformate wirken sich auch stark auf die Lesbarkeit der Website aus. Die Auswahl der richtigen Schriftart ist daher von entscheidender Bedeutung, damit Ihre Website zugänglich ist.

Diese Beschreibung wird diskutieren CSS-Schriftfamilie Eigentum mit Hilfe geeigneter Beispiele. So lass uns anfangen!

CSS-Schriftfamilie Eigentum

Der "Schriftfamilie Eigentum" Listet Schype in Prioritätsreihenfolge. Die Schriftauswahl endet nicht mit der ersten Schriftart in der Schriftliste des Benutzersystems. Stattdessen werden Schriftarten jeweils um einen Charakter ausgewählt, sodass die nachfolgenden Schriftarten versucht werden.

Die Auswahl der Schriftfamilie wird durch die Eigenschaften wie die Verfügbarkeit einer Schrift in einigen Stilen, Versionen oder Größen beeinflusst.

Arten von CSS-Schriftfamiliennamen

Die Eigenschaft von Schriftfamilien enthält eine Liste von Schriftfamilien, die von Commas getrennt sind. CSS-Namensfamiliennamen sind in zwei Arten von Namen unterteilt:

• Schriftart Familienname: Ein Name der Schriftfamilie ist der Name der Schriftart. Schriftfamilien umfassen Namen wie "Helvetica" Und "Mal“. Der Name der Schriftfamilie kann weiße Räume enthalten, daher sollte er in Zitaten als: “angegeben werden:“Comic ohne MS”.
• generischer Familienname: Wenn keine der angegebenen Schriftarten zugänglich ist, dienen generische Schriftfamilien als a Fallback -Option. Sie müssen den generischen Familiennamen in Zitaten nicht angeben, weil sie es sind Schlüsselwörter, und ihre Liste der Schriftfamiliennamen sollte mit einer generischen Schriftfamilie enden.

Schauen wir uns nun ein Beispiel für die Verwendung von Familiennamen und generischen Familiennamen als Namensfamiliennamen an.

Beispiel: CSS-Schriftfamilie Eigentum

Im folgenden Beispiel werden wir den Wert der ersten Schriftfamilie-Eigenschaft definieren, indem wir angebenZeit neuer Roman"Als Schriftart Familienname und"Mal", Und "Serife”Als generischer Familienname. Während in der zweiten Schriftfamilie, "Arial", "Helvetica" und "Sans-Serif" werden als generische Familiennamen hinzugefügt:

Das Eigentum der Schriftfamilie

Es ist eine Schriftart "Times New Roman".

Es ist eine "Arial" -Schriftart.

Nachdem Sie den hinzugefügten Code gespeichert haben, wird der Schriftart der Textelemente gemäß den angegebenen Werten des Schriftfamiliennamens und des generischen Familiennamens angezeigt, wenn Sie Ihre HTML im Browser öffnen:

Wir werden nun die Verwendung verschiedener Keywords demonstrieren, die in der Kategorie der generischen Familie beteiligt sind.

CSS Serif Generika-Familie Kategorie

Die Glyphen, die Striche oder tatsächliche seriforte Endungen beendet haben, werden als "als" bezeichnet "Serife”. Diese Kategorie von Generika-Familie umfasst Times New Roman, Georgia, Garamond und viele weitere Schriftfamilien.

Beispiel: CSS Serife generische Familienkategorie

Das Eigentum der Schriftfamilie

Es ist eine "Times New Roman" -Krange, die zur Familie der Serifenschrift gehört.

Ausgang

CSS sans-serif Generika-Familie Kategorie

Im Gegensatz zu Serifen sind die Glyphen in Sans-Serif haben einfache Schlaganfallende. Zum Beispiel Lucida Sans, Open Sans, Arial, Lucida Sans Unicode, Helvetica, Trebuchet MS, Fira Sans sind in der Kategorie Sans-Serif Generic-Familie enthalten.

Beispiel: CSS sans-serif generische Familie Kategorie

Das Eigentum der Schriftfamilie

Es ist eine "Arial" -Krange.

Ausgang

CSS Monospace Generika-Familie Kategorie

Alle solchen Glyphen mit a einheitlich und festbreitlich überall werden bezeichnet Monospace-Zum Beispiel, "Lucida Console", "Courier New", "Mono".

Beispiel: CSS Monospace Generika-Familie Kategorie

Das Eigentum der Schriftfamilie

Es ist eine "Lucida" -Schrift, die zur Familie der Monospace -Schriftart gehört

Ausgang

CSS Cursive Generic-Familie-Kategorie

Im Gegensatz zu kursiven Schriftarten, kursiv Glyphen haben normalerweise Anschluss von Strichen oder andere Kursivmerkmale. Die Schrift ähnelt eher Pinselschreiben oder einem handgeschriebenen Stift als einem gedruckten Schriftzug. Die Glyphen werden entweder teilweise oder völlig dazu beigetragen, Schriftnamen wie "Comic ohne MS", und viele andere.

Beispiel: CSS Cursive generische Familienkategorie

Das Eigentum der Schriftfamilie

Es ist eine Schriftart "Comic Sans MS", die zur Kursivschriftfamilie gehört

Ausgang

Wir haben die wesentlichen Informationen zu CSS-Schriftfamilien-Eigentum zusammengestellt. Sie können es weiter nach Ihren Vorlieben untersuchen.

Abschluss

Der CSS-Schriftfamilie Eigentum wird verwendet, um den Familiennamen der Schriftart oder des Textes anzugeben. CSS-Schriftfamiliennamen sind in zwei Typen unterteilt: “Schriftart Familienname" Und "generischer Familienname”, Wobei der Name der Schriftfamilie der Name der Schrift ist, und generische Schriftfamilien dienen als Fallback-Option. Der CSS-Schriftfamilie Eigentum kann eine Liste von Schriftfamilien nehmen, die von Kommas getrennt werden. Diese Beschreibung wurde diskutiert CSS-Schriftfamilie Eigentum mit Hilfe geeigneter Beispiele.