Was sind CSS -Schriftarten Fallbacks?

CSS liefert zwei Arten von Schriftfamilien i i.e. generische Schriftfamilie und einzelne Schriftarten. Die generischen Familien haben ähnlich aussehende Schriftfamilien wie Serif (Times New Roman, Georgia und Garamond), Monospace (Courier New, Lucida Console, Monaco) usw. Während die einzelnen Schriftart nur eine bestimmte Schriftfamilie wie Arial, Calibri usw. angibt.

Die generischen Schriftfamilien bieten einen Fallback-Mechanismus, mit dem wir eine Liste von Look-Alike-Schriftarten angeben können, sodass der Browser die zweite Schriftart und so auf.

In diesem Artikel wird ein detailliertes Verständnis der folgenden Terminologien im Zusammenhang mit Schriftfontbacks vorgestellt:

• Was sind Schriftbacks in CSS
• Die grundlegende Syntax der Schriftfontbacks
• So verwenden Sie Schriftbacks in CSS

Lassen Sie uns also ohne Verzögerung fortfahren!

Schriftfunktion

Es besteht immer die Möglichkeit, dass eine Schriftart nicht auf einer bestimmten Plattform gefunden oder nicht ordnungsgemäß auf einem Gerät installiert ist. Daher werden die Schriftfehlbacks als Backup -Schriftarten i verwendet.e. Wir müssen eine Liste von Sicherungsschriften angeben, sodass der Browser den nächsten probieren sollte, wenn die erste Schriftart nicht verfügbar ist. Die Schriftfontbacks sind wie unten erwähnt mit fünf generischen Schriftfamilien strukturiert:

• Serif -Schriftarten in CSS: Geben Sie einige kleine kantige Striche an
• Sans-Serif-Schriftarten in CSS: Geben Sie saubere Linien an, keine Kanten
• Kursivschriften in CSS: Geben Sie einen Stil an, der dem menschlichen Schreiben nahe kommt
• Fantasy -Schriftarten in CSS: Geben Sie einige ausgefallene Schriftstile an

Es ist eine gute Praxis, die am Ende der Liste die generische Schriftfamilie hinzufügt.

Syntax

Die grundlegende Syntax der Schriftfäfchen ist im folgenden Snippet beschrieben:

In der Schriftfamilie geben wir hier zwei Schriftarten an. Erster wird die erste Wahl des Browsers/die webbesichtige Schriftart sein, während die verbleibende Liste der Schriftartenfehlbacks sein wird.

So verwenden Sie Schriftbacks in CSS

Schriftarten haben einen großen Einfluss auf die Benutzeroberfläche jeder Webseite, daher ist es sehr wichtig, die am besten geeignete Fallback -Schriftart zu wählen.e. wählen "Lucida -Konsole" als Backup der "Times New Roman" Schriftart wäre keine gute Wahl. Die Auswahl eines Backup -Stils innerhalb derselben Schriftfamilie wird als gute Praxis angesehen, die ich.e. "Mal" wird ein besserer Fallback für die sein "Times New Roman".

Beispiel

Betrachten wir den untergegebenen Code, um das Konzept des Schriftart Fallback in CSS zu verstehen:

Html

Schriftarten Fallbacks in CSS

Erster Paragraph

Zweiter Absatz

CSS

Körper
Schriftfamilie: Cambria, Cochin, Georgia, Times, Times New Roman, Serife;

Hier im oben gegebenen Code versucht der Browser zunächst, den Schriftstil „Cambria“ anzugeben

• Wenn es verfügbar ist, wird der gesamte Körper nach „Cambria“ gestylt.
• Wenn aus irgendeinem Grund „Cambria“ nicht verfügbar ist, nutzt der Browser die zweite Option I.e. "Cochin"
• Ebenso verwendet der Browser eine andere Option, wenn vorherige Optionen nicht ordnungsgemäß funktionieren:

Die obige Ausgabe überprüft, dass der Browser den Stil „Cambria“ verwendet.

Angenommen, die erste Schrift funktioniert aus irgendeinem Grund nicht, nutzt der Browser die Fallback -Option, wie im folgenden Bildschirm gezeigt:

Der gleiche Code wurde ausgeführt, aber diesmal aus einigen Gründen der Schriftstil „Cambria“ ist nicht verfügbar, sodass der Browser die Fallback -Option i verwendet.e. "Cochin".

Abschluss

CSS -Schriftbacks bieten eine Sicherung für die Schriftarten I.e. Wenn eine Schriftart nicht richtig funktioniert, wird der Browser die andere ausprobieren. Für eine gute Codierungspraxis schreiben. Diese Beschreibung hat gezeigt, was ein Schriftfontback ist, wie er strukturiert ist und wie man ihn benutzt.