Web -Safe -Schriftarten in CSS | Erklärt

Schriftarten fungieren als Marken einer Website, da diese Schriftarten eine großartige visuelle Erscheinung für jede Website bieten. Es gibt immer die Aussicht, dass die Schriftarten, die auf einer Plattform/einem Gerät großartig funktionieren, für andere Plattformen möglicherweise nicht wirksam sind. Daher sind Web-Safe-Schriftarten immer die erste Wahl des Entwicklers.

Die Schriftarten, die für fast alle Geräte zugänglich sind und von den meisten Browsern unterstützt werden, werden als Web-Safe-Schriftarten bezeichnet. Diese Schriftarten sind weltweit auf allen Browsern und Geräten installiert. In diesem Artikel werden einige bemerkenswerte Web-Safe-Schriftarten zusammen mit ihren generischen Schriftfamilien vorgestellt:

• Serife (Times New Roman, Georgia)
• Serifenlos (Arial, Calibri, Helvetica)
• Kursiv (Skript MT)
• Monospace (Kurier)

So lass uns anfangen!

Serife

Die Schriftarten, die zur Serifenfamilie gehören.

Times New Roman

Eine äußerst beliebte Schriftart, die zur Serifenfamilie gehört und als primäre Schriftart für Windows -Anwendungen verwendet wird. Es wird am häufigsten in den Forschungsarbeit, Artikeln und gedruckten Medien wie Zeitungen verwendet.

Beispiel

Mit dem folgenden Snippet können Sie verstehen

Html

Ein Beispiel für neue römische Schriftarten

CSS

P
Schriftfamilie: "Times New Roman", Serif;

Im Folgenden finden Sie die resultierende Ausgabe für den obigen Snippet:

Georgia

Es ist eine stilvolle Schriftart, die zur Serifenfamilie gehört und bei verschiedenen Schriftgrößen sehr lesbar ist

Html

Ein Beispiel für Georgia -Schriftarten

CSS

P
Schriftfamilie: Georgia, Serif;

Das obige Code -Snippet zeigt die folgende Ausgabe an:

Serifenlos

Im Gegensatz zu Serif -Schriftarten haben sie keinen Schlaganfall, stattdessen sind diese Schriftarten einfache Buchstaben. San-Serif-Schriftarten gelten als leicht lesbare Schriftarten im Vergleich zu jeder anderen Schriftfamilie.

Arial

Die Arial -Schriftarten und ihre Familienmitglieder gelten als die sichersten Webschriften und der Grund dafür ist sehr einfach ich.e. Die Arial -Schriftarten sind auf allen Plattformen/Betriebssystemen leicht verfügbar.

Beispiel

Betrachten Sie das untergegebene Stück Code, das beschreibt, wie Arial-Schriftarten aussehen:

Html

Ein Beispiel für Arial -Schriftarten

CSS

P
Schriftfamilie: Arial, Sans-Serif;

Im obigen Code schreiben wir "San-Serif" als Fallback, da keine Schriftart zu hundertprozentigem Web-Safe ist. Im Folgenden finden Sie das Ergebnis für den obigen Code:

Helvetica

Es ist eine der am häufigsten verwendeten Schriftarten, die zur seriF-Familie gehören. Es gilt als kommerzielle Schriftart und ist bei Designern sehr beliebt:

Html

Ein Beispiel für Helvetica -Schriftarten

CSS

P
Schriftfamilie: Helvetica, Sans-Serif;

Das übergegebene Snippet zeigt das folgende Ergebnis an:

Calibri

Es ist die Standard -Microsoft -Schrift seit der Veröffentlichung von MS Office 2007 und hat einen sehr eleganten Look.

Html

lt; p> ein Beispiel für Calibri -Schriftarten

CSS

P
Schriftfamilie: Calibri, Sans-Serif;

Das obige Code -Snippet erzeugt das folgende Ergebnis:

Skript mt

Es ist eine der beliebtesten Schriftarten der kursiven Familie und ähnelt der menschlichen Handschrift sehr ähnlich

Html

Ein Beispiel für Skript -MT -Schriftarten

CSS

P
Schriftfamilie: 'Skript mt', Kursiv;

Die Ausgabe des obigen Codesausschnitts erscheint wie folgt:

Kurier neu

Es ist eine sehr häufig verwendete Schriftart der Monospace -Familie, die hauptsächlich verwendet wird.

Html

Ein Beispiel für Skript -MT -Schriftarten

CSS

P
Schriftfamilie: "Kurier neu", Monospace;

Das oben gegebene Snippet erzeugt die folgende Ausgabe:

Abschluss

Web-Safe-Schriftarten sind universell installierte Schriftarten und können sicher auf jedem Gerät angezeigt werden. Es gibt zahlreiche Web-Safe-Schriftarten von Sans-Serif-, Serifen-, Monospace- und Kursivfamilien, die auf fast jedem Gerät erhältlich sind. In diesem Artikel haben wir einige weit verbreitete Web-Safe-Schriftarten erfahren und in verschiedenen Bereichen eine praktische Implementierung dieser Schriftarten durchgeführt.