Em maio, a Microsoft disponibilizou oficialmente a fonte Yahei para download no Windows XP. A fonte Yahei é uma fonte quase perfeita que resolve o problema de indecifrabilidade de pequenos caracteres no estilo Song, especialmente para telas de cristal líquido (LCDs). Depois de ativar o efeito ClearType, você obterá uma diversão visual mais perfeita. Agora estou fascinado por Yahei. Olhando para trás, para o sistema cujo padrão é a Dinastia Song, as bordas irregulares são muito óbvias e feias.
Mas o problema que surge com isso é que as fontes Yahei terão alguns efeitos de deslocamento na exibição do layout da página da web no Internet Explorer. Os problemas que encontrei até agora existem principalmente em dois aspectos.
1. Os sublinhados às vezes tornam-se riscados.
Na verdade, este é um desalinhamento visual e não um verdadeiro tachado. Em parágrafos com mistura de inglês e chinês, os sublinhados serão quebrados e tornar-se-ão bastante irregulares.
A seguir está o hiperlink de texto em chinês na página inicial do google.cn:
Este fenômeno só aparece em fontes chinesas, as fontes inglesas não são afetadas:
Será ainda mais óbvio se houver uma mistura de chinês e inglês:
Pode-se observar que os sublinhados foram movidos para cima sempre que houver caracteres chineses e o idioma inglês não foi afetado.
2. A altura da linha muda no Internet Explorer
A seguir está uma captura de tela de um hiperlink com uma imagem de fundo em meu blog:
O estilo normal original da fonte Song agora está exposto abaixo, o que mostra que a altura da linha foi aumentada no Internet Explorer. Mas no Firefox nada muda.
3. Tente resolver o problema.
Na captura de tela do Google.cn, descobrimos que o hiperlink "Login" à direita é normal. Isso mostra que nem todos os hiperlinks chineses apresentam esse problema. Descobri que o link da esquerda tem um estilo extra que o "Login" da direita:
vertical-align:top;
Depois de bloquear esse atributo, deu tudo certo. Na terceira captura de tela do "Fórum Meizu", descobri que embora o alinhamento vertical não apareça no texto, há duas pequenas imagens a seguir:
vertical-align:middle
remova isso Duas imagens depois, tudo está normal novamente.
Portanto, é certo que haverá problemas ao usar vertical-align em hiperlinks chineses (nem todo elemento possui o atributo vertical-align). A solução mais simples é evitar o uso de vertical-align ou valign, ou evitar o uso de super Links sublinhados. Claro, esta não é uma boa maneira de lidar com o problema corretamente.
Quanto ao problema reproduzido no meu blog, apenas mostra que a fonte Yahei faz com que a altura da linha aumente no Internet Explorer (o Firefox exibe normalmente). problema, você só precisa controlar a altura, mas é um elemento embutido e a altura não pode ser definida, então você precisa cooperar com disaply:block e então corrigir a altura (no entanto, após definir o atributo block, quebra automática de linha). pode ocorrer. Neste caso, você precisa usar float e outros atributos juntos). Descobri que esse método também pode resolver o problema acima, portanto, corrigir a altura do hiperlink seria um método melhor.
Observação adicional: modifiquei a fonte padrão com base no Windows XP, o que pode causar alguns problemas. É difícil para mim determinar se os dois tipos de problemas listados acima são causados pela própria fonte Yahei ou por outras configurações incorretas. . Não consegui descobrir se esse problema também existe no teste do sistema Vista. Se alguém tiver condições, pode ajudar a testá-lo.
Nota: Este problema existe em todas as versões do Internet Explorer, o Firefox não é afetado.