Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So ändern Sie die Schriftart in CSS

coldplay.xixi
Freigeben: 2023-01-05 16:12:28
Original
9769 Leute haben es durchsucht

So ändern Sie Schriftarten in CSS: 1. Sie können den Schriftstil mit [font-family] ändern. 2. Mit dem Attribut [font-weight] können Sie die Schriftstärke ändern Schriftfarbe.

So ändern Sie die Schriftart in CSS

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

So ändern Sie Schriftarten in CSS:

font-family gibt die Schriftfamilie des 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. Das heißt, der Wert des Attributs „font-family“ ist eine Rangfolgeliste von Schriftfamiliennamen und/oder Klassenfamiliennamen, die für ein Element verwendet werden sollen. Der Browser verwendet den ersten Wert, den er erkennt.

Es gibt zwei Arten von Schriftfamiliennamen:

Angegebener Familienname: der Name einer bestimmten Schriftart, wie zum Beispiel: „times“, „courier“, „arial“.

Übliche Schriftfamiliennamen: Zum Beispiel: „serif“, „sans-serif“, „cursive“, „fantasy“, „monospace“

Das Attribut „font-weight“ legt die Dicke des Textes fest.

Beschreibung

Mit diesem Attribut wird die Fettschrift festgelegt, die im Text des Anzeigeelements verwendet wird. Der numerische Wert 400 entspricht dem Schlüsselwort normal und 700 entspricht fett. Die Fettschrift für jeden Zahlenwert muss mindestens so dünn sein wie die nächstkleinere Zahl und mindestens so dick wie die nächstgrößere Zahl.

Beispiel zum Ändern von Schriftarten in CSS:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>DIV+CSS怎么样改字体样式</title>
<style>
.one{
font-family:"微软雅黑";  //把 font-family: "设置字体名称" 里的字体名称改成你需要
font-size:12px;  //字体大小
color:red;  //字体颜色
font-weight:normal; //加粗 normal默认值 bold粗体 数值100-900
}
</style>
</head>
<body>
<div class="one">DIV+CSS怎么样改字体样式</div>
</body>
</html>
Nach dem Login kopieren

Verwandte Tutorial-Empfehlungen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftart in CSS. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!