Comment référencer des polices ttf externes en CSS ?

Comment référencer des polices externes en CSS ?

Vous pouvez utiliser l'attribut font-face en CSS pour référencer des polices externes. L'attribut font-face peut implémenter l'appel de n'importe quelle police spéciale externe, telle que : la police .ttf.

Dans la nouvelle règle font-face, vous devez d'abord définir le nom de la police (comme myFirstFont), puis pointer vers le fichier de police.

Si vous devez utiliser une police pour les éléments HTML, veuillez référencer le nom de la police (myFirstFont) via l'attribut font-family.

L'attribut font-face fait référence à un Exemple de police ttf :

Exemple 1 :

<style> 
@font-face
{
font-family: myFirstFont;
src: url(&#39;aa.ttf&#39;),
     url(&#39;aa.eot&#39;); /* IE9+,可以是具体的实际链接 */
}
div
{
font-family:myFirstFont;
}
</style>

Exemple 1 :

@font-face
{
font-family: myFirstFont;
src: url('aa.ttf'),
     url('aa.eot'); /* IE9+ */
font-weight:bold;
}

Prise en charge de l'attribut font-face pour les navigateurs :

Firefox, Chrome, Safari et Opera prennent en charge les polices de type .ttf (True Type Fonts) et .otf (OpenType Fonts).

Internet Explorer 9+ prend en charge les nouvelles règles de police, mais ne prend en charge que les polices de type .eot (Embedded OpenType).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!