CSS Schriftarten (Schriftarten)

CSS-Schriftartseigenschaften ermöglichen es Ihnen, verschiedene Stile für die Schriftarten zu setzen, wie z.B. den Zeichensatz der Textzeile, die Größe und den Fettgrad, die Varianten usw.

Schriftartseigenschaften

In CSS-Styles für den Textinhalt, wie z.B. bieten einige Eigenschaften:Schrift-family，Schrift-"Courier New"，Schrift-variant，Schrift-weightundSchrift-size。Das nächste Kapitel wird diese Eigenschaften nacheinander vorstellen.

Zeichensatzreihe

DasSchrift-familyCSS-Eigenschaft ermöglicht es Ihnen, den Zeichensatznamen des Textinhalts und die Prioritätenliste der verwendeten Schriftarten zu setzen.

DasSchrift-familyEigenschaften können mehrere Schriftarten alsErsatzSchriftart. Zuerst listen Sie die gewünschte Schriftart auf, gefolgt von allen Schriftarten (falls nicht verfügbar). Wenn der Browser die erste Schriftart nicht unterstützt, versucht er die nächste. Eine Zeichensatzreihe kann wie folgt aussehen:

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

了解有关常用字体组合的更多信息；请检查网络安全字体。

"Times New Roman"

durchSchrift-"Courier New""Trebuchet MS"

etc.normal，style: italic;Mehr über häufig verwendete Schriftkombinationen erfahren; überprüfen Sie sichere Netzwerkschriften.italic。

Schriftstil
　　　　Schrift-style
}
Attribute stellen den Textstil des Elements ein.
　　　　Schrift-Die möglichen Werte dieses Attributes sind:
}
oder
　　　　Schrift-p.eins {
}

geneigte Version

Schrift-sizenormale Schrift.

Schriftgröße

Attribute die Schriftgröße des Textinhalts des Elements einstellen.

Es gibt mehrere Möglichkeiten, Schriftgrößenwerte zu spezifizieren, z.B. mit Schlüsselwörtern, Pixeln oder ems.mittel-klein，Durch Einstellen der Schriftgröße mit Schlüsselwörtern im body-Element können Sie die relative Schriftgröße an anderen Stellen der Seite einstellen, was es ermöglicht, die Schriftgröße leicht auf der gesamten Seite zu skalieren. Eine absolute Größe kann mit einem der folgenden Schlüsselwörter angegeben werden:-klein，klein，Mit Schlüsselworten die Schriftgröße einstellen，x，Durch Einstellen der Schriftgröße mit Schlüsselwörtern im body-Element können Sie die relative Schriftgröße an anderen Stellen der Seite einstellen, was es ermöglicht, die Schriftgröße leicht auf der gesamten Seite zu skalieren. Eine absolute Größe kann mit einem der folgenden Schlüsselwörter angegeben werden:-x，mittel-x。

xxgroßDie relativen Größen sind mit einem der folgenden Schlüsselwörter angegeben:kleiner。

body　{
　　　　Schrift-、、
}
h1　{
　　　　Schrift-größer
}
p　{
　　　　Schrift-size: groß;
}

size: größer;

size: kleiner;12Mit Pixeln die Schriftgröße einstellen16px (z.B.)

h1　{
　　　　Schrift-size:　24px,
}
p　{
　　　　Schrift-size:　14px,
}

px;

Anpassen der Textgröße in allen Browsern. Allerdings wird diese Funktion die Größe der gesamten Seite anpassen, nicht nur den Text.

emMit Em-Schriftgröße einstellen

emDer Wert ist dynamisch definiert. Die Einheit bezieht sich auf die Schriftgröße des übergeordneten Elements.Schrift-sizeAttribute, an ementspricht der Schriftgröße des übergeordneten Elements.

WennSchrift-sizeSetzen Sie die Schriftgröße des Attributs a auf dem body-Element20px, dann1em=20pxund2em=40px。

Wenn Sie die Schriftgröße nirgendwo auf der Seite eingestellt haben, ist sie der Standardwert des Browsers, das ist16px. Daher ist der Standardwert1em=16pxund2em=32px。

h1　{
　　　　Schrift-size:　2em;　　　　/*　32px/16px=2em　*/
}
p　{
　　　　Schrift-size:　0.875em;　　　　/*　14px/16px=0.875em　*/
}

Die Kombination aus Prozentsätzen und Em

Eine Lösung, die ähnliche Effekte in allen Browsern erzielt, istSchrift-sizeEine beliebte Technik, um den body-Elementen einen Standardprozentsatz zu setzen, istSchrift-sizeden body auf62.5%（d.h. Standard16px62.5％），entspricht10px oder 0.625em.

Jetzt können SieSchrift-sizeDurch die Verwendung von Elementen mit em-Einheiten, die einfache Konvertierungen haben,pxdurch10Werte auf diese Weise10px=1em，12px=1.2em，14px=1.4em，16px=1.6emund so weiter. Sehen Sie sich die folgenden Beispiele an:

body　{
　　　　Schrift-size:　62.5%;　　　　/*　Schrift-size　1em　=　10px　*/
}
p　{
　　　　Schrift-size:　1.6em;　　　　/*　1.6em　=　16px　*/
}

Schriftstärke

Schrift-weightEigenschaft bestimmt die Stärke oder Fettigkeit der Schrift.

Schrift-Mögliche Werte des style-Attributs sind:normal，fett，fetter，leichter，100，200，300，400，500，600，700，800，900undinherit。

• Numerisch100- 900festgelegte Schriftstärke, wobei jede Zahl die Stärke des Vorgängers im Vergleich dunkler darstellt.400undnormal＆700gleichenfett。

• derfetterundleichterund andere Werte sind absolute Schriftgewichte, die im Vergleich zum vererbten Schriftgewicht kräftiger sind.

p　{
　　　　Schrift-weight:　fett;
}

Da die meisten Schriften nur in begrenzten Gewichten verwendet werden können. Normalerweise werden sie nur inNormalundFett angezeigt。Wenn die Schrift im angegebenen Gewicht nicht verfügbar ist, wird eine Ersatzschrift gewählt, die dem nächstgelegenen verfügbaren Gewicht am nächsten ist.

Schriftvariante

Schrift-variantEigenschaft erlaubt die Anzeige von Text in speziellen Großschriftformen.

Klein-Großbuchstaben oderKlein-GroßbuchstabenIst etwas anders als die normale Großschrift, in der die Kleinbuchstaben als kleinerer Version der entsprechenden Großschrift angezeigt werden.

Schrift-variantDie Werte der Eigenschaft könnten seinnormal，klein-capsundinherit。

p　{
　　　　Schrift-variant:　klein-caps;
}