Heim > Web-Frontend > CSS-Tutorial > Ausführliche Erläuterung der websicheren CSS-Schriftkombinationen

Ausführliche Erläuterung der websicheren CSS-Schriftkombinationen

高洛峰
Freigeben: 2017-03-09 17:00:32
Original
2082 Leute haben es durchsucht

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}
Nach dem Login kopieren

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!

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