En mayo, Microsoft proporcionó oficialmente la fuente Yahei disponible para descargar en Windows XP. La fuente Yahei es una fuente casi perfecta que resuelve el problema de la indescifrabilidad de los pequeños caracteres estilo Song, especialmente para pantallas de cristal líquido (LCD). Después de activar el efecto ClearType, obtendrá un disfrute visual más perfecto. Ahora estoy fascinado con Yahei. Mirando hacia atrás, el sistema predeterminado es la dinastía Song, los bordes irregulares son demasiado obvios y feos.
Pero el problema que esto conlleva es que las fuentes Yahei tendrán algunos efectos de dislocación en la visualización del diseño de la página web en Internet Explorer. Los problemas que he encontrado hasta ahora existen principalmente en dos aspectos.
1. Los subrayados a veces se convierten en tachados.
De hecho, esto es una desalineación visual y no un verdadero tachado. En los párrafos con una mezcla de inglés y chino, los subrayados se romperán y se volverán bastante irregulares.
El siguiente es el hipervínculo de texto chino en la página de inicio de google.cn:
Este fenómeno sólo aparece en fuentes chinas, las fuentes en inglés no se ven afectadas:
Será aún más obvio si hay una mezcla de chino e inglés:
Se puede ver que los subrayados se han movido hacia arriba dondequiera que haya caracteres chinos y el idioma inglés no se ha visto afectado.
2. La altura de la línea cambia en Internet Explorer.
La siguiente es una captura de pantalla de un hipervínculo con una imagen de fondo en mi blog:
El estilo normal original en la fuente Song ahora se expone a continuación, lo que muestra que la altura de la línea se ha aumentado en Internet Explorer. Pero en Firefox nada cambia.
3. Intente resolver el problema.
En la captura de pantalla de Google.cn, encontramos que el hipervínculo "Iniciar sesión" a la derecha es normal. Esto muestra que no todos los hipervínculos chinos tienen este problema. Comparé cuidadosamente las diferencias en sus estilos. Descubrí que el enlace de la izquierda tiene un estilo adicional que "Iniciar sesión" a la derecha:
vertical-align:top;
Después de bloquear este atributo, todo salió bien. En la tercera captura de pantalla del "Foro Meizu", encontré que aunque vertical-align no aparece en el texto, hay dos imágenes pequeñas a continuación:
vertical-align:middle;
elimina esto. Dos imágenes después, todo vuelve a ser normal.
Por lo tanto, es seguro que habrá problemas al usar la alineación vertical en los hipervínculos chinos (no todos los elementos tienen el atributo de alineación vertical. La solución más simple es evitar el uso de alineación vertical o valign, o evitar el uso de supervínculos subrayados). Por supuesto, esta no es una buena manera de solucionar el problema correctamente.
En cuanto al problema reproducido en mi blog, simplemente muestra que la fuente Yahei hace que la altura de la línea aumente en Internet Explorer (Firefox muestra esto normalmente). problema, solo necesita controlar la altura, pero es un elemento en línea y la altura no se puede configurar, por lo que debe cooperar con disaply:block y luego corregir la altura (sin embargo, después de configurar el atributo de bloque, el ajuste de línea automático. puede ocurrir. En este caso, debe usar float y otros atributos juntos). Descubrí que este método también puede resolver el problema anterior, por lo que arreglar la altura del hipervínculo sería un mejor método.
Nota adicional: modifiqué la fuente predeterminada según Windows XP, lo que puede causar algunos problemas. Es difícil para mí determinar si los dos tipos de problemas que enumeré anteriormente son causados por la fuente Yahei en sí u otras configuraciones incorrectas. . No he podido descubrir si este problema también existe en la prueba del sistema Vista. Si alguien tiene las condiciones, puede ayudarme a probarlo.
Nota: Este problema existe en todas las versiones de Internet Explorer, Firefox no se ve afectado.