Comment puis-je conserver l'apparence originale de la police après la conversion Base64 pour le chargement de la police Web ?

Préserver l'apparence originale de la police lors de la conversion en Base64

Différer le chargement des polices peut améliorer les performances du site Web. Une étape clé consiste à convertir les polices en base64 et à les incorporer dans votre fichier CSS. Cependant, la conversion des polices en base64 peut parfois modifier leur apparence.

Pour conserver l'apparence d'origine des polices après la conversion en base64, assurez-vous de suivre les étapes suivantes :

1. Optimiser les paramètres de Font Squirrel :
   Lorsque vous utilisez Font Squirrel Webfont Generator, sélectionnez "Conserver l'existant" sous l'option "TrueType Hinting" dans le Paramètres experts.
2. Utiliser le fichier GWF original :
   Si vous êtes satisfait de la police rendue directement à partir de Google Web Fonts (GWF), téléchargez le fichier original et encodez-le en base64 vous-même. Sous OS X ou Linux, utilisez la commande base64 :

$ base64 -i myfont.ttf -o fontbase64.txt

Pour Windows, utilisez un outil d'encodage base64. Copiez la chaîne base64 dans votre CSS :

@font-face {
    font-family: 'myfont';
    src: url(data:font/truetype;charset=utf-8;base64,<<copied base64 string>>) format('truetype');
    font-weight: normal;
    font-style: normal;
}

Ajustez les informations @font-face pour qu'elles correspondent à vos données de police. En suivant ces méthodes, vous pouvez préserver l'apparence d'origine de vos polices tout en implémentant l'encodage base64 pour le chargement différé des polices.

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!