Pour intégrer et utiliser les polices .OTF dans les navigateurs Web, vous pouvez utiliser la règle @font-face. Voici un exemple :
@font-face { font-family: GraublauWeb; src: url("path/GraublauWeb.otf") format("opentype"); }
Remarque : Les polices OTF sont désormais prises en charge dans la plupart des principaux navigateurs.
Alternatives pour une prise en charge plus large des navigateurs
Pour une compatibilité plus universelle avec les navigateurs, envisagez d'utiliser les polices Web Open Font Format (WOFF) et TrueType Font (TTF).
Utilisation des polices WOFF et TTF
@font-face { font-family: GraublauWeb; src: url("path/GraublauWebBold.woff") format("woff"), url("path/GraublauWebBold.ttf") format("truetype"); }
Prise en charge complète des polices pour les anciens navigateurs
Pour prendre en charge les navigateurs tels que IE6-9, Android 2.3-4.3 et iOS 4-5, ajoutez des types de polices supplémentaires :
@font-face { font-family: GraublauWeb; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff") format("woff"), /* Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ }
Référez-vous aux ressources suivantes pour plus d'informations sur la prise en charge du navigateur pour différents formats de police :
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!