Druckschriften sie spielen eine wichtige Rolle im Webdesign und können die visuelle Wahrnehmung einer Website erheblich beeinträchtigen. Eine der beliebtesten und am weitesten verbreiteten Schriftarten von Webseiten ist Arial. In diesem Artikel erfahren Sie, wie Sie die Arial-Schriftart in CSS verwenden können.
Schriftart Arial ist eine der grundlegenden Schriftarten, die auf den meisten Computern und Browsern verfügbar sind. Seine Sicherheit und die Fähigkeit, auf verschiedenen Plattformen und verschiedenen Betriebssystemen auf die gleiche Weise angezeigt zu werden, machen es zu einer beliebten Wahl für viele Designer.
Wenn Sie die Arial-Schriftart in CSS verwenden müssen, können Sie sie in der font-family-Eigenschaft angeben :
body
Im obigen Beispiel haben wir ein Arial-Headset verwendet und sans-serif als alternative Schriftart für Fälle, in denen Arial nicht verfügbar ist. Sie können diese Einstellung an Ihre Bedürfnisse anpassen.
Wenn Sie eine Arial-Schriftart auf ein bestimmtes Element anwenden möchten, können Sie sie einfach zu den CSS-Eigenschaften hinzufügen, z:
.my-element
Jetzt wissen Sie, wie Sie die Arial-Schriftart in CSS verwenden. Denken Sie daran, dass Schriftarten eines der Elemente sind, die Ihre Website attraktiver und einzigartiger machen können. Daher ist die Auswahl der richtigen Schriftart ein wichtiger Aspekt bei der Gestaltung der Website.
Anwenden der Arial-Schriftart in CSS
Um eine Arial-Schriftart für bestimmte Elemente auf einer Website festzulegen, müssen Sie die font-family-Eigenschaft in CSS verwenden. Wenn Sie beispielsweise eine Arial-Schriftart auf einen Absatz anwenden möchten, fügen Sie Ihrer CSS-Datei den folgenden Code hinzu:
| Kode: | Die Beschreibung: |
|---|---|
| p | Legt den Stil für Absätze fest |
| font-family: Arial, sans-serif; | Gibt die Schriftart Arial an |
| > | Schließt den Absatzstil |
In diesem Beispiel wird angegeben, dass die Schriftart Arial zuerst angezeigt werden soll, und wenn sie nicht verfügbar ist, verwenden Sie die Schriftart sans-serif.
Sie können die Schriftart Arial auch auf andere Elemente anwenden, z. B. Überschriften ( h1 , h2 , usw.), Listen, Tabellen usw. Fügen Sie einfach den entsprechenden Selektor und die font-family-Eigenschaft für jedes Element hinzu, für das Sie die Schriftart Arial anwenden möchten.
Zusätzlich zu den Standardeinstellungen können Sie die Schriftgröße, die Farbe und andere Einstellungen mit den entsprechenden CSS-Eigenschaften ändern.
Mit der Arial-Schriftart in CSS können Sie professionell aussehende und leicht lesbare Websites erstellen.
Festlegen der Arial-Schriftart über CSS
Um die Schriftart Arial auf einer Webseite zu verwenden, müssen Sie sie in der CSS-Eigenschaft angeben font-family. Fügen Sie dazu einfach den folgenden Code zu Ihrer CSS-Datei hinzu:
In diesem Beispiel wenden wir die Schriftart Arial auf Elemente auf einer Webseite an. Wenn die Schriftart Arial jedoch auf dem Computer des Benutzers nicht verfügbar ist, wird stattdessen eine serifenlose Schriftart (sans-serif) verwendet.
Wenn Sie eine Schriftdatei mit einer Erweiterung haben .ttf oder .otf, Sie können es herunterladen und den Dateipfad in der Eigenschaft angeben src innerhalb der @font-Face-Regel. Zum Beispiel:
Nachdem Sie den Pfad zur Arial-Schriftdatei angegeben haben, können Sie sie in der CSS-Eigenschaft verwenden font-family auf solche Weise:
Jetzt wird die Schriftart Arial auf Ihrer Webseite angezeigt, unabhängig davon, ob sie auf dem Computer des Benutzers vorhanden ist. Mit CSS können Sie die Schriftart Arial für verschiedene Elemente und Klassen auf Ihrer Webseite nach Ihren Bedürfnissen und Vorlieben festlegen.
Ändern der Schriftgröße von Arial
Eigenschaft font-size legt die Schriftgröße in den ursprünglichen Maßeinheiten wie Pixeln fest (px), Prozent (%), oder ein Schlüsselwort wie small oder large. Um beispielsweise die Schriftgröße von Arial auf 16 Pixel festzulegen, können wir die folgende CSS-Regel verwenden:
Diese CSS-Regel wendet die Schriftart Arial auf alle Absätze ( ) auf der Seite an und legt die Schriftgröße auf 16 Pixel fest.
Sie können auch andere Werte für die Eigenschaft verwenden font-size wie Zinsen, zum Beispiel 150% oder 1.5em. Um beispielsweise die Schriftgröße von Arial um 50% zu erhöhen, können wir die folgende CSS-Regel verwenden:
Diese CSS-Regel erhöht die Schriftgröße von Arial in jedem Absatz auf der Seite um 50% der ursprünglichen Größe.
Verwenden einer CSS-Regel font-size mit der Schriftart Arial können Sie die Textgröße einfach steuern und lesbare Inhalte auf einer Webseite erstellen.
