Heim > Artikel > Web-Frontend > Wie verweise ich auf externe TTF-Schriftarten in CSS?
Wie verweise ich auf externe Schriftarten in CSS?
Sie können das Attribut „font-face“ in CSS verwenden, um auf externe Schriftarten zu verweisen. Das Attribut „font-face“ kann den Aufruf einer beliebigen externen Spezialschriftart implementieren, z. B.: .ttf-Schriftart.
In der neuen Schriftartenregel müssen Sie zunächst den Namen der Schriftart definieren (z. B. myFirstFont) und dann auf die Schriftartendatei verweisen.
Wenn Sie eine Schriftart für HTML-Elemente verwenden müssen, verweisen Sie bitte über das Attribut „font-family“ auf den Namen der Schriftart (myFirstFont).
Das Attribut „font-face“ verweist auf a Beispiel für eine TTF-Schriftart:
Beispiel 1:
<style> @font-face { font-family: myFirstFont; src: url('aa.ttf'), url('aa.eot'); /* IE9+,可以是具体的实际链接 */ } div { font-family:myFirstFont; } </style>
Beispiel 1:
@font-face { font-family: myFirstFont; src: url('aa.ttf'), url('aa.eot'); /* IE9+ */ font-weight:bold; }
Schriftartattributunterstützung für Browser:
Firefox, Chrome, Safari und Opera unterstützen Schriftarten vom Typ .ttf (True Type Fonts) und .otf (OpenType Fonts).
Internet Explorer 9+ unterstützt die neuen Schriftartenregeln, unterstützt jedoch nur Schriftarten vom Typ .eot (Embedded OpenType).
Das obige ist der detaillierte Inhalt vonWie verweise ich auf externe TTF-Schriftarten in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!