Heim >Web-Frontend >Front-End-Fragen und Antworten >So richten Sie Microsoft Yahei mit CSS ein

So richten Sie Microsoft Yahei mit CSS ein

藏色散人
藏色散人Original
2021-04-09 09:12:026555Durchsuche

So legen Sie Microsoft YaHei in CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Fügen Sie dann dem Text das Attribut „font-family: „Microsoft YaHei““ hinzu an Microsoft Yahei.

So richten Sie Microsoft Yahei mit CSS ein

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Das Attribut „font-family“ kann die Schriftart für das Etikett festlegen. Der Browser sucht von links nach rechts nach der Schriftart und verwendet die erste gefundene Schriftart für die Anzeige. Wenn sie nicht gefunden wird, wird die Standardschriftart verwendet (die vereinfachte chinesische Version von Windows XP ist normalerweise Song Dynasty).

So richten Sie Microsoft Yahei mit CSS ein:

CSS-Code:

.selector{ 
  font-family:"Microsoft YaHei",微软雅黑
}

Anleitung:

Der chinesische Name „Microsoft Yahei“ wurde aus Kompatibilitätsgründen mit Opera hinzugefügt.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>HTML中文网</title> 
<style>
p{
font-family:"Microsoft YaHei",微软雅黑;
}
</style>
</head>
<body>
<p>这是微软雅黑字体</p>
</body>
</html>

Rendering:

So richten Sie Microsoft Yahei mit CSS ein

Schriftfamilienbeschreibung:

Schriftfamilie 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.

【Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo richten Sie Microsoft Yahei mit CSS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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