Heim > Web-Frontend > Front-End-Fragen und Antworten > Welche Attribute gibt es zum Festlegen von Schriftarten in HTML?

Welche Attribute gibt es zum Festlegen von Schriftarten in HTML?

青灯夜游
Freigeben: 2021-12-13 14:41:46
Original
10737 Leute haben es durchsucht

Legen Sie Schriftattribute in HTML fest: Schriftart, Schriftfamilie, Schriftgröße, Schriftstil, Schriftvariante, Schriftstärke, „@font-face“, Schriftgrößenanpassung, Schriftstreckung.

Welche Attribute gibt es zum Festlegen von Schriftarten in HTML?

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“)

Hinweis: Wenn der Name der Schriftfamilie aus mehr als einem Zeichen besteht, muss er in Anführungszeichen gesetzt werden, z. B. Schriftfamilie: „宋体“.
p{font-family:"Times New Roman", Times, serif;}
Nach dem Login kopieren
"Times New Roman", Times, Serif
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

Dies ist eine Überschrift

Dies ist ein Absatz

Sans-Serifen-Schriftart

Dies ist ein Absatz Absatz Dies ist ein AbsatzDies ist eine Überschrift Beispiel Dies ist ein AbsatzDies ist ein Absatz
Schriftart Textbeispiel
Arial, Helvetica, Sans-Serif-Schriftart

Dies ist eine Überschrift

Dies ist ein Absatz

Ar ial Schwarz, Gadget, ohne -Serif

This ist eine Überschrift. , Kohle, serifenlos

Dies ist eine Überschrift

„Lucida Sans Unicode“, „Lucida Grande“, serifenlos

Dies ist eine Überschrift

Tahoma, Genf, serifenlos

Dies ist eine Überschrift

Verdana, Genf, serifenlos

„Courier New“, Courier, Monospace

Dies ist eine Überschrift

„Lucida Console“, Monaco, Monospace

Dies 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage