A decisão de codificar seus tamanhos de fonte em qualquer " px " ou "em" envolve a criação de um trade-off entre a preferência ascético e legibilidade. Sua escolha tem muito a ver com o propósito do site e que vai estar vendo as páginas. Considere as vantagens de cada método e as necessidades específicas de seu site antes de escolher o método que é melhor para o seu projeto. Benefícios do 'Em '

O "em" é uma unidade de medida em tipografia originalmente derivada da largura de um M de capital em uma fonte em um tamanho determinado ponto . Se conjunto Arial em 10 pontos é igual a um em, em seguida, dois eme é igual a 20 pontos. Em folhas de estilo em cascata , o em é usado como uma unidade escalável onde se eme é igual o tamanho da fonte padrão. Isso permite que o projeto para manter a hierarquia , mesmo quando visto em um telefone celular ou na tela grande . Ele também permite que os usuários com deficiência visual que criaram o seu tamanho de fonte padrão maior para ver a página com todos os tipos de letra no tamanho relativo correto . O World Wide Web Consortium (W3C) recomenda o uso de ems como uma boa prática , devido à sua escalabilidade.

Benefícios do " Px " ' Px '

é uma unidade que é fixo no tamanho. Um pixel ( px) é igual a um pixel na tela. A fonte padrão de 12 pontos é igual a cerca de 16 px. Esta unidade não escala para dispositivos móveis mais pequenos ou para usuários com deficiência visual , mas tem muitos benefícios estéticos. Ele dá o designer de controle total sobre o tamanho da fonte no projeto , o que garante que o tipo não vai ficar fora de proporção com os outros elementos de design da página. Se você tem o tipo em uma imagem, usando px é essencial para garantir que a hierarquia da fonte em seu projeto é mantido , independentemente do dispositivo seu site é visto em ou configurações do navegador do usuário.
< Br > outras Unidades

Há outras duas opções para configurar fontes em CSS : ponto e percentuais. Points, como pixels , não escala. Geralmente de 12 pontos é igual a 100 por cento. Pontos são baseadas no tamanho da letra impressa , não o tamanho do pixel na tela . Como resultado , as medições não são iguais.

Por cento, como EMS, será ampliado , mas não escala da mesma forma como ems . A diferença no cálculo de tamanho entre 200 por cento e dois ems depende do navegador . No entanto, se você calcular mal com qualquer ems ou porcentagens, o usuário pode alterar o texto para ser um tamanho melhor.
Considere Audiência e
Finalidade

Se você está projetando um site para um público jovem ou velho , que pode ter problemas de legibilidade , é importante o uso de uma unidade escalável como ems . Usando ems também é fundamental se o seu site será visto em dispositivos móveis. No entanto, se os designers gráficos são o seu público ou o propósito do site é mais sobre a estética visual do que com o conteúdo , use uma unidade fixa como px para se certificar de que a hierarquia da fonte é preservada em qualquer situação.