So verwenden Sie die CSS-Eigenschaft „font-family'.

藏色散人
Freigeben: 2019-05-27 17:56:17
Original
4312 Leute haben es durchsucht

Das CSS-Attribut „font-family“ wird verwendet, um die Schriftart eines Elements anzugeben. „Font-family“ kann mehrere Schriftartnamen als „Fallback“-System speichern. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er es mit der nächsten.

So verwenden Sie die CSS-Eigenschaft „font-family'.

Wie verwende ich das CSS-Attribut „font-family“?

Attributdefinition und Verwendungsanweisungen

Schriftart – Das Familienattribut gibt die Schriftart eines Elements an.

font-family kann mehrere Schriftartnamen als „Fallback“-System speichern. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er es mit der nächsten.

Es gibt zwei Arten von Schriftfamiliennamen:

Familienname – angegebener Familienname:

Der Name einer bestimmten Schriftart, z : „times“, „courier“, „arial“.

generic-family – Gängige Schriftfamiliennamen:

Zum Beispiel: „serif“, „sans-serif“, „cursive“, „fantasy“, „monospace.

Die Verwendung einer bestimmten Schriftfamilie (Geneva) hängt vollständig von der Verfügbarkeit dieser Schriftfamilie auf dem Computer des Benutzers ab; dieses Attribut weist nicht auf einen Schriftarten-Download hin, daher wird die Verwendung eines generischen Schriftfamiliennamens als Ersatz dringend empfohlen

Hinweis:

Trennen Sie jeden Wert durch ein Komma

Hinweis:

Wenn der Schriftartname Leerzeichen enthält, muss er bei Verwendung des „style“-Attributs in HTML in Anführungszeichen gesetzt werden. , einfache Anführungszeichen müssen verwendet werden Standardwert: nicht angegeben

Vererbung: ja

Version: CSS1

JavaScript-Syntax:

 object.style.fontFamily="arial,sans-serif"
Nach dem Login kopieren

Attributwert

family-name, eine Prioritätenliste für den Schriftfamiliennamen oder/und den Klassenfamiliennamen eines Elements >generic-family, Standard: browserabhängig

inherit gibt an, dass die Schriftfamilie vom übergeordneten Element geerbt werden soll.

gibt die Schriftart des Absatzes an:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

</body>
</html>
Nach dem Login kopieren

Wirkung:

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Eigenschaft „font-family'.. 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