Heim > Web-Frontend > CSS-Tutorial > So legen Sie die CSS-Schriftart fest

So legen Sie die CSS-Schriftart fest

coldplay.xixi
Freigeben: 2021-03-25 14:54:11
Original
16530 Leute haben es durchsucht

Css-Schriftarteinstellungsmethode: [Schriftfamilie] gibt die Schriftfamilie des Elements an. [Schriftfamilie] kann mehrere Schriftnamen als [Fallback]-System speichern. Wenn der Browser die erste Schriftart nicht unterstützt, wird dies versucht Nächstes.

So legen Sie die CSS-Schriftart fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So legen Sie CSS-Schriftarten fest:

font-family规定元素的字体系列。font-familySie können mehrere Schriftartnamen als „Fallback“-System speichern. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er es mit der nächsten.

Beispiel:

Legen Sie die Schriftart des Textes fest:

<html>
<head>
<style type="text/css">
p.serif{font-family:"Times New Roman",Georgia,Serif}
p.sansserif{font-family:Arial,Verdana,Sans-serif}
</style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>
</body>
</html>
Nach dem Login kopieren

Rendering:

So legen Sie die CSS-Schriftart fest

In CSS gibt es zwei verschiedene Arten von Schriftfamiliennamen:

Universelle Schriftfamilien – Kombinationen von Schriftsystemen, die ein ähnliches Erscheinungsbild haben (Zum Beispiel „Serif“ oder „Monospace“)

Spezifische Schriftfamilien – spezifische Schriftfamilien (z. B. „Times“ oder „Courier“)

Zusätzlich zu verschiedenen spezifischen Schriftfamilien definiert CSS fünf allgemeine Schriftfamilien:

  • Serifen-Schriftart

  • Serifenlose Schriftart

  • Monospace-Schriftart

  • Kursive Schriftart

  • Fantasy-Schriftart

Verwandte Anleitung Empfehlungen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die CSS-Schriftart fest. 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