navegadores da Web e sites exibir fontes em tamanhos diferentes. No entanto, usando uma fórmula simples que você pode determinar o equivalente real de um tamanho de fonte pai dentro de Cascading Style Sheet código . Além disso , os cálculos de tamanho de fonte equivalentes requer conhecimento sobre as diferentes unidades de HyperText Markup Language usa para tipografia . CSS e Formato

CSS determina a aparência ea formatação do texto dentro de um documento . CSS também descreve os documentos que usam uma linguagem de marcação , como HTML. Enquanto CSS é um padrão comum usado para descrever a semântica de apresentação de sites que usam o HTML e XHTML , CSS também pode aplicar para SVG , XUL , e documentos XML. Outro papel importante da CSS é distinguir entre o conteúdo ea formatação - como fonte, cor e tamanho - . De um documento

Unidades em Tipografia

usos Tipografia unidades básicas para descrever o tamanho . Um em é uma unidade de medida relativa em tipografia digital que representa a mesma unidade para qualquer tamanho de fonte ou ponto . Outras unidades comuns incluem pixels , que representam medidas absolutas , e pontos e porcentagens, ambas as medidas relativas. Traduzindo a partir de uma unidade para outra em CSS permite que você encontre o tamanho das fontes equivalentes.
Como obter o tamanho equivalente

Um método para a obtenção da fonte equivalente tamanho em navegadores diferente é definir a fonte do corpo para 10px e definir qualquer outra coisa, incluindo a fonte pai, para o equivalente los . Isso evita a interferência com as configurações padrão do navegador. A fórmula básica para encontrar o equivalente entre as unidades é dividir 1 por o tamanho da fonte dos pais e depois multiplicar esse número pelos pixels necessários. O número resultante é o equivalente em ems .
Escolha das unidades

A unidade mais conveniente depende colocação dentro da página web. Por exemplo , um cabeçalho ou texto local do corpo normalmente seria usar uma unidade relativa como percentagem ou in que muda medida que o observador altera o tamanho da janela ou tela . Medidas absolutas , como pixels , que não mudam com base no redimensionamento , geralmente fazem mais sentido para barras laterais ou outras seções que mantêm um tamanho padrão .