So verwenden Sie die CSS-Eigenschaft „font-family'.-Front-End-Fragen und Antworten-php.cn

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

藏色散人

Freigeben： 2019-05-27 17:56:17

Original

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