En mai, Microsoft a officiellement fourni la police Yahei disponible en téléchargement sous Windows XP. La police Yahei est une police presque parfaite qui résout le problème de l'indéchiffrabilité des petits caractères de style chanson, en particulier pour les écrans à cristaux liquides (LCD). Après avoir activé l'effet ClearType, vous obtiendrez un plaisir visuel plus parfait. Je suis maintenant fasciné par Yahei. En regardant le système par défaut de la dynastie Song, les bords irréguliers sont trop évidents et laids.
Mais le problème qui vient avec cela est que les polices Yahei auront des effets de dislocation sur l'affichage de la mise en page Web dans Internet Explorer. Les problèmes que j’ai trouvés jusqu’à présent existent principalement sous deux aspects.
1. Les soulignements deviennent parfois barrés.
En fait, il s'agit d'un mauvais alignement visuel et non d'un véritable barré. Dans les paragraphes contenant un mélange d'anglais et de chinois, les soulignements seront brisés et deviendront assez irréguliers.
Voici le lien hypertexte en texte chinois sur la page d'accueil de google.cn :
Ce phénomène n'apparaît que dans les polices chinoises, les polices anglaises ne sont pas concernées :
Ce sera encore plus évident s’il y a un mélange de chinois et d’anglais :
On peut voir que les soulignements ont été déplacés vers le haut partout où il y a des caractères chinois, et la langue anglaise n'a pas été affectée.
2. La hauteur de la ligne change dans Internet Explorer.
Voici une capture d'écran d'un lien hypertexte avec une image d'arrière-plan dans mon blog :
Le style normal d'origine sous la police Song est désormais exposé ci-dessous, ce qui montre que la hauteur de ligne a été augmentée dans Internet Explorer. Mais dans Firefox, rien ne change.
3. Essayez de résoudre le problème.
Dans la capture d'écran de Google.cn, nous avons constaté que le lien hypertexte "Connexion" à droite est normal. Cela montre que tous les hyperliens chinois n'ont pas ce problème. J'ai soigneusement comparé les différences de styles. J'ai trouvé que le lien de gauche a un style supplémentaire par rapport au "Connexion" de droite :
vertical-align:top;
Après avoir bloqué cet attribut, tout s'est bien passé. Dans la troisième capture d'écran du "Forum Meizu", j'ai constaté que même si l'alignement vertical n'apparaissait pas dans le texte, il y avait dans les deux petites images suivantes :
vertical-align:middle ;
supprimez ceci. Deux images plus tard, tout est à nouveau normal.
Par conséquent, il est certain qu'il y aura des problèmes lors de l'utilisation de vertical-align dans les hyperliens chinois (tous les éléments n'ont pas l'attribut vertical-align). La solution la plus simple est d'éviter d'utiliser vertical-align ou valign, ou d'éviter d'utiliser des super liens soulignés. Bien entendu, ce n'est pas une bonne manière de traiter correctement le problème.
Quant au problème reproduit dans mon blog, il montre simplement que la police Yahei provoque une augmentation de la hauteur des lignes dans Internet Explorer (Firefox s'affiche normalement pour résoudre ce problème). problème, vous devez uniquement contrôler la hauteur, mais il s'agit d'un élément en ligne et la hauteur ne peut pas être définie, vous devez donc coopérer avec disaply:block puis corriger la hauteur (cependant, après avoir défini l'attribut block, retour à la ligne automatique peut se produire. Dans ce cas, vous devez utiliser float et d'autres attributs ensemble) . J'ai trouvé que cette méthode peut également résoudre le problème ci-dessus, donc fixer la hauteur du lien hypertexte serait une meilleure méthode.
Remarque supplémentaire : j'ai modifié la police par défaut sur la base de Windows XP, ce qui peut entraîner certains problèmes. Il m'est difficile de déterminer si les deux types de problèmes que j'ai répertoriés ci-dessus sont causés par la police Yahei elle-même ou par d'autres paramètres incorrects. . Je n'ai pas pu savoir si ce problème existe également dans le test du système Vista. Si quelqu'un a les conditions, vous pouvez aider à le tester.
Remarque : Ce problème existe dans toutes les versions d'Internet Explorer, Firefox n'est pas concerné.