Geralmente, o estilo da página visto pelos usuários será controlado por três camadas. Como o CSS, a prioridade por trás é maior que a anterior, o que significa que o estilo de definição da página da web pode substituir o estilo padrão do navegador, enquanto o estilo definido pelo usuário tem a maior prioridade. A situação real é que, embora os navegadores forneçam funções de estilo mais ou menos definidas pelo usuário, muito poucos usuários os personalizam e geralmente são usados como usuários avançados. O estilo padrão do navegador geralmente é diferente em diferentes navegadores, versões de idiomas diferentes e até versões diferentes do sistema. Para tentar reescrever as configurações padrão do navegador para garantir a consistência do estilo de cada navegador.
Tome fontes como exemplo. assim. Portanto, precisamos definir o estilo de fonte padrão uniformemente, a fim de obter efeitos consistentes de exibição para garantir o design consistente e melhorar a eficiência do desenvolvimento.
No futuro, prepare -se para usar os seguintes estilos de fonte padrão:
corpo{
Fonte: 12px/1.5 Arial;
}A maioria dos personagens da nossa página está em chinês. & Copy; A razão pela qual escolhi Arial é porque:
O Windows e o Mac têm essa fonte pré-instalada, que deve ser a fonte da web mais usada. Seus rivais em potencial tahoma e helvetica não têm tanta sorte.
Os profissionais font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; design visual podem pensar que o uso do Tahoma em Windows e Helvetica no Mac é melhor. font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; Esta é uma ótima opção, mas você também descobrirá que novas versões do Google, Yahoo, YouTube, Bing e até MSN usam arial como a primeira fonte padrão. Portanto, em termos de estética e legibilidade, arial deve ser completamente aceitável.
De um modo geral, a configuração da fonte definirá uma família comum de font-family:arial,sans-serif; no final para garantir sua segurança. A codificação é GBK, o IE8 renderizará fontes de música devido a sans sans-serif sans-serif , causando deformação das fontes.
Como a escolha das fontes chinesas é muito limitada, todos os navegadores principais atualmente definidos para usar a fonte da música para exibir chinês. Página inicial do Baidu e resultados de pesquisa Use font-family:arial; Algumas pessoas podem notar que a fonte chinesa exibida pela versão chinesa do Firefox é o Microsoft Yahei. É também devido a situações semelhantes que é muito importante projetar páginas da web com flexibilidade.
Um dos problemas que levarão ao uso de fontes em inglês, pois a primeira fonte padrão é o problema de alinhamento na mistura de símbolos chineses e ingleses e símbolos. Se você alterar a fonte, ela poderá resolver completamente o problema. Obviamente, esse problema ocorre apenas no IE. Portanto, se o seu site raramente usa símbolos em inglês, números e inglês, também é uma opção muito razoável para definir {font-family:5b8b4f53;} diretamente.
12px é o limite da tela de Songtung. Como a fonte da música é basicamente a única fonte universal da web a exibir chinês atualmente, 12px se tornou o tamanho da fonte mais comumente usado. Obviamente, podemos modificar esse valor padrão de acordo com as necessidades do produto.
Não há necessidade de considerar os projetos com base no tamanho da fonte (EM).
Na versão chinesa após o Chrome 3.0, o tamanho mínimo da fonte é de 12 px.
Este é um valor de experiência. Por exemplo, na fonte de Yui, é a font:13px/1.231 arial,helvetica,clean,sans-serif; é 1,231 vezes a fonte padrão. Para os chineses, os tamanhos de fonte comumente usados, como 12px, 14px, 16px, 18px, etc., definir a altura da linha como um número par no IE6 e IE7 também podem resolver o problema das fontes em alguns casos especiais.
No IE6 e IE7, o valor alto da linha deve ser maior que 2px da fonte para garantir a exibição completa da fonte ou para exibir efetivamente o sublinhado quando for um link.
Ao definir line-height , tenha cuidado para não usar as unidades (incluindo %), porque os nós filhos herdam o valor calculado da altura da line-height . Sem mudar com o tamanho da fonte, e o valor sem unidade é um múltiplo do font-size do contêiner; portanto, configurá-lo em um valor sem unidade é a melhor escolha.
A altura da linha CSS aprofundada é muito útil para entender line-height e vale a pena ler.
A maioria das plataformas possui arial , que reduz o tempo de pesquisa dos navegadores.
Código mínimo e fácil de escrever. arial é basicamente a fonte com o nome mais curto, que pode salvar o tamanho do CSS.
Todas as cartas são minúsculas, e o Google atualmente faz isso, com a vantagem de que elas podem ser escritas mais rapidamente e melhorar a eficiência da compactação GZIP.
É melhor usar {font-family:5fae8f6f96c59ed1;} Unicode para expressá {font-family:5b8b4f53;} lo em chinês. Este benefício é evitar a codificação.
Use o tipo de fonte correto para escrever, evite aspas, o que pode reduzir o tamanho do CSS. As fontes chinesas podem ser escritas da maneira anterior.
Através do teste de arranjo misto de chinês e inglês e símbolos, descobri que o Microsoft Yahei realmente teve um desempenho muito bom, incluindo números em inglês e personagens em inglês, bem como os efeitos de exibição do IE6 e IE7, mas o único arrependimento é que se Microsoft Yahe está instalado em XP se os usuários com fontes pretas não ativam a opção "As bordas suavizantes das fontes de tela", será muito embaçado e difícil de reconhecer no Firefox, Safari, Opera e, especialmente, IE6. Atualmente, não existe uma boa solução para esse problema; portanto, é possível usá -lo formalmente até que a taxa de uso do IE6 seja muito pequena. Talvez seja levado até 2014, quando o XP morrer.
Embora o @font-face tenha sido encontrado muito cedo, o apoio do navegador, a velocidade da rede e os problemas de negócios raramente foram usados. A boa notícia sobre fontes recentemente é que o Firefox 3.6 suportará a Web Open Font FormA. Para obter informações relevantes sobre o futuro das fontes da Web, você pode ver o futuro das fontes da Web, sobre fontes da Web: a situação atual e o futuro e falar sobre a situação atual e o futuro das fontes da Web.