Comment utiliser 'Jingnanmai Round' installé localement sur une page Web sans charger le fichier de police?

Méthodes pour appeler directement les polices locales pour les pages Web

Dans le développement Web, vous devez parfois utiliser des polices spécifiques qui ont été installées sur le système. Par exemple, vous avez installé "Jingnan Mai Round" et espérez les appliquer directement dans la page Web sans le chargement de fichiers de police supplémentaire.

Vous avez peut-être essayé le code CSS suivant, mais la page Web affiche toujours la police par défaut (comme "Microsoft Yahei"):

 / * @ font-face {
    Font-Family: «Myfont»;
    src: url ('/ style1 / font / jingnanmai rond body.otf') format ('trueType');
} * /
HTML, corps {taille de police: 18px; Font-Family: "Jingnan Mai Round Body", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, Sans-Serif;}

En effet, src: url(...) essaiera de charger le fichier de police du serveur. Pour utiliser directement les polices locales, vous devez modifier le CSS:

1. Utilisez @font-face ET local() Fonctions:

 @ FONT-FACE {
    Font-Family: «Jingnanmaiyuanti»; / * Il est recommandé d'utiliser des noms de police anglais * /
    SRC: local («Jingnan Mai Round Body»);
}

La fonction local() indique au navigateur de trouver des polices locales installées. Notez que le nom de la police est modifié pour le nom anglais plus facile à utiliser JingNanMaiYuanTi .

2. Mettez à jour font-family :

Modifiez font-family dans CSS et utilisez le nom de police nouvellement défini:

 html, corps {
    taille de police: 18px;
    Font-Family: «Jingnanmaiyuanti», «Microsoft Yahei», «Helvetica Neue», Helvetica, Arial, Sans-Serif;
}

3. Redémarrez le navigateur: redémarrez le navigateur pour vous assurer que la mise à jour de la police du système est reconnue par le navigateur.

Grâce aux étapes ci-dessus, votre page Web devrait être en mesure d'afficher correctement la police "Jingnan Mai Round" sans charger de fichiers de police externes, améliorant ainsi la vitesse de chargement des pages Web. N'oubliez pas que l'utilisation de noms de police en anglais peut éviter les problèmes de codage potentiels.

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!