Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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
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.