Fonte Recursiva CSS3

[Diegus Miestro 21]

Olá pessoas, estou com uma dúvida, estou fazendo um Layout recursivo, mas fiquei em dúvida sobre a fonte. Que decisão se prova melhor para as fontes serem recursivas?

 

Seria algo do gênero:

@media (min-width: 1900px){
     *{font-size: 22px;)
}

E sucessivamente para demais resoluções? Ou padroniza um tamanho e depois usa apenas em? Ou usa só em quando precisar mexer no tamanho da font etc.

[William Bruno 1501]

Acho que vc quer dizer: responsivas e não recursivas.

 

Depende de como fica melhor para cada grupo de quebras.

Abra um dispositivo e veja se a letra ficou boa ou ruim, ai vc altera. Não resolução por resolução, mas sim quando vc observar ser necessário mexer.

 

Além disso, eu não setaria no * {}, cuidado com seletores globais.

[guilomaker 31]

Você tem que fazer o que o Willian falou! e trabalhar com "em" nas fontes.

 

crie todo seu layout com as fontes em px, e depois e só converter em "em" com este calculo.

 

tamanho padrão da fonte dos navegadores e 16px

 

então você vai pegar o tamanho da sua font e vai dividir pelo tamanho padrão "16" e multiplicar por 100.

 

exemplo:

 

seu H1 tem uma fonte de 20px , ai a conta seria

 

16 / 20 * 100 = 125

 

então o tamanho da fonte em "em" será 1.25em