Ausführliche Erläuterung der websicheren CSS-Schriftkombinationen

Der folgende Editor bietet Ihnen eine detaillierte Erklärung der Web-sicheren CSS-Schriftkombinationen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor und werfen wir einen Blick darauf.

Häufig verwendete Schriftartenkombinationen

Das Attribut „font-family“ ist der Name mehrerer Schriftarten, z ein „Stamm“-System, um maximale Kompatibilität zwischen Browsern/Betriebssystemen zu gewährleisten. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er es mit der nächsten Schriftart.

Wenn der Browser die gewünschte Schriftart nicht finden kann, findet er unter den gängigen Schriftarten eine, die Ihrer ähnelt:

p{font-family:"Times New Roman", Times, serif}

Die folgenden sind einige häufig verwendete Schriftkombinationen und gängige Schriftfamilien.

Serifenschriftart

Schriftart

Textbeispiel th>

Georgia, Serif

Dies ist eine Überschrift

字体	文本示例
Georgia, serif	This is a heading This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif	This is a heading This is a paragraph
"Times New Roman", Times, serif	This is a heading This is a paragraph

Dies ist ein Absatz

„Palatino Linotype“, „Book Antiqua“, Palatino, Serif

Dies ist eine Überschrift
Dies ist ein Absatz

“Times New Roman", Times, Serif

Dies ist eine Überschrift

Dies ist ein Absatz

字体	文本示例
Arial, Helvetica, sans-serif	This is a heading This is a paragraph
Arial Black, Gadget, sans-serif	This is a heading This is a paragraph
"Comic Sans MS", cursive, sans-serif	This is a heading This is a paragraph
Impact, Charcoal, sans-serif	This is a heading This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif	This is a heading This is a paragraph
Tahoma, Geneva, sans-serif	This is a heading This is a paragraph
"Trebuchet MS", Helvetica, sans-serif	This is a heading This is a paragraph
Verdana, Geneva, sans-serif	This is a heading This is a paragraph

Sans-Serif-Schriftart

Schriftart

Textbeispiel

Arial, Helvetica, serifenlos

Dies ist eine ÜberschriftDies ist ein Absatz

字体	文本示例
"Courier New", Courier, monospace	This is a heading This is a paragraph
"Lucida Console", Monaco, monospace	This is a heading This is a paragraph

td>

Arial Black, Gadget, serifenlos

Dies ist eine Überschrift

Dies ist ein Absatz

„Comic Sans MS“, kursiv, serifenlos

Dies ist eine ÜberschriftDies ist ein Absatz

Impact, Kohle, serifenlos

Dies ist eine ÜberschriftDies ist ein Absatz

"Lucida Sans Unicode", " Lucida Grande", serifenlos

Dies ist eine Überschrift
Dies ist ein Absatz

Tahoma, Genf, serifenlos

Dies ist eine ÜberschriftDies ist ein Absatz

"Trebuchet MS", Helvetica, serifenlos

Dies ist eine ÜberschriftDies ist ein Absatz

Verdana, Genf, serifenlos

Dies ist eine Überschrift Dies ist ein Absatz

Monospace-Schriftart

Schriftart	Textbeispiel
"Courier New", Courier, Monospace	Dies ist eine ÜberschriftDies ist ein Absatz
„Lucida Console“, Monaco, Monospace	Dies ist eine ÜberschriftDies ist ein Absatz

Detaillierte Erläuterung der Web-sicheren CSS-Schriftkombinationen oben Dies ist der gesamte Inhalt, den der Herausgeber mit Ihnen geteilt hat. Ich hoffe, er kann Ihnen als Referenz dienen und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der websicheren CSS-Schriftkombinationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!