Heim > Artikel > Web-Frontend > Welche Attribute gibt es zum Festlegen von Schriftarten in HTML?
Legen Sie Schriftattribute in HTML fest: Schriftart, Schriftfamilie, Schriftgröße, Schriftstil, Schriftvariante, Schriftstärke, „@font-face“, Schriftgrößenanpassung, Schriftstreckung.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Font-Attribute definieren Schriftart, Fettdruck, Größe und Textstil.
Schrifteigenschaften in HTML festlegen
property | Description |
---|---|
font | Alle Schriftarteigenschaften in einer Anweisung festlegen |
font-family | Gibt die Schriftart an Familie des Textes |
font-size | Gibt die Schriftgröße des Textes an |
font-style | Gibt den Schriftstil des Textes an |
font-variant | Gibt den Schriftstil des Textes an. Wenn Sie die Schriftart für Kapitälchen für die Textanzeige festlegen, werden alle Kleinbuchstaben in Großbuchstaben umgewandelt, aber alle Buchstaben mit Kapitälchen haben im Vergleich zum Rest des Textes eine kleinere Schriftgröße. |
font-weight | Gibt die Stärke der Schriftart an |
@font-face | Eine Regel, die es Websites erlaubt, andere Schriftarten als „Web-sichere“ Schriftarten herunterzuladen und zu verwenden |
font-size -adjust | Geben Sie den Aspektwert für das Element an. Gibt einen Aspektwert für ein Element an, sodass die x-Höhe der bevorzugten Schriftart beibehalten wird. |
font-stretch | Verkleinern oder strecken Sie die aktuelle Schriftfamilie. Skalieren und transformieren Sie die aktuelle Schriftfamilie. Wird nicht von allen gängigen Browsern unterstützt. |
Erweiterungsinformationen:
In HTML/CSS gibt es zwei Arten von Schriftfamiliennamen:
Universelle Schriftfamilien – Kombinationen von Schriftsystemen, die ein ähnliches Aussehen haben (z. B. „Serif“ oder „Monospace“)
Spezifische Schriftfamilie – eine bestimmte Schriftfamilie (wie „Times“ oder „Courier“)
Generische Familie | Schriftfamilie | Beschreibung |
---|---|---|
Serif | Times New Roman Georgia |
Serifenschriften, bei denen die Zeichen am Ende der Zeile eine zusätzliche Verzierung haben |
Sans-Serif |
Arial Verdana |
„Sans“ bedeutet keine die Ende dieser Schriftarten Kein zusätzlicher Schnickschnack. „Fallback“-Mechanismus: Wenn der Browser die erste Schriftart nicht unterstützt, versucht er die nächste Schriftart. |
Mehrere Schriftfamilien werden durch Komma getrennt angegeben: | Im Folgenden sind einige häufig verwendete Schriftkombinationen und gängige Schriftfamilien aufgeführt. „Serifenschrift“ Typ“, „Book Antiqua“, Palatino , Serif Dies ist eine ÜberschriftDies ist ein Absatz |
Sans-Serifen-Schriftart
Schriftart | Textbeispiel |
---|---|
Arial, Helvetica, Sans-Serif-Schriftart |
Dies ist eine ÜberschriftDies ist ein Absatz |
Ar ial Schwarz, Gadget, ohne -Serif |
This ist eine Überschrift. , Kohle, serifenlosDies ist eine Überschrift |
„Lucida Sans Unicode“, „Lucida Grande“, serifenlosDies ist eine Überschrift |
|
Tahoma, Genf, serifenlosDies ist eine Überschrift |
|
Verdana, Genf, serifenlos | Dies ist eine Überschrift|
„Courier New“, Courier, MonospaceDies ist eine Überschrift |
|
„Lucida Console“, Monaco, MonospaceDies ist eine Überschrift |
|
(Lernvideo-Sharing: CSS-Video-Tutorial ) |
Das obige ist der detaillierte Inhalt vonWelche Attribute gibt es zum Festlegen von Schriftarten in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!