CSS @font-face-Regel

@font-face-Regel wird verwendet, um den Namen der Schriftart, die im Stylsheet verwendet wird, mit bestimmten herunterladbaren Schriftarten zu verknüpfen, @font-face CSS at-rule definiert eine benutzerdefinierte Schriftart, die zur Anzeige von Text verwendet wird。

　该规则中使用字体系列font-family描述符来命名字体，并且src描述符与外部字体名称关联。

的使用语法

该规则的语法如下：

@font-face:　font-description

该@font-face-Regel enthält eine oder mehrere Eigenschaftserklärungen, wie diejenigen in der regulären CSS, das wird als Schriftartbeschreibung bezeichnet. Sie können maximal24个不同的属性，但是对它们的所有解释都超出了本参考的范围-更多信息，请访问W3C CSS字体模块页面。

@font-face-Regel的一般形式为：

Später kann die Schriftart als Attribut verwendet werden (wiefont-family和）中的名称font，aber wenn keine herunterladbaren Schriftarten unterstützt werden oder aus irgendeinem Grund die Schriftarten nicht geladen werden können, sollte ein anderer Schriftartname als Ersatzname angegeben werden.

Das folgende Beispiel zeigt, wie man @font verwendet.-face-Eigenschaft.

　　@font-face {
　　　font-family: "OpenSans";
　　　src: url("../fonts/OpenSans-Regular.eot");
　　　src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
　　}
　　body {
　　　font-family: "OpenSans", Arial, sans-serif;
　　　font-size:　1.2em;
　　}

Durch Festlegen der entsprechenden Regeln können Sie auch die Auswahl spezifischer herunterladbarer Schriftarten, wie fett oder kursiv, einstellen, wenn bestimmte Schriftmerkmale wie fett oder kursiv gesetzt sind.-face.

　　@font-face {
	font-family: "OpenSans";
　　　src: url("../fonts/OpenSans-Regular.eot");
　　　src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
　　}
　　@font-face {
　　　font-family: "OpenSansBold";
　　　src: url("../fonts/OpenSans-Bold.eot");
	src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
　　}
　　h1　{
　　　font-family: "OpenSansBold", Arial, sans-serif;　/*　Specify the OpenSans bold font　*/
　　}
　　p {
　　　font-family: "OpenSans", Arial, sans-serif;
　　}

Parameter

Die Bedeutung der Parameter ist wie folgt:

Browserkompatibilität

@font-Die Kompatibilität der face-Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Regel.

Weiterführende Lektüre

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Schriftart.