1
resposta

Duvida font-size

Como estamos criando um projeto responsivo a unidade de medida para o font-size não deveria ser vw ou vh?

1 resposta

Olá, Danilo, como vai?

Sua dúvida é bem interessante! Quando trabalhamos com responsividade, o uso de unidades relativas como vw (viewport width) e vh (viewport height) pode sim fazer sentido em alguns casos, mas não é a escolha mais comum para font-size.

A prática mais comum é usar unidades como rem ou em, que se ajustam com base no tamanho da fonte do elemento raiz (rem) ou do elemento pai (em). Essas unidades permitem que o texto responda melhor a ajustes de acessibilidade e variações no layout sem ficar diretamente preso ao tamanho da viewport.

Por exemplo:

font-size: 1rem; /* Adapta ao tamanho da fonte do documento */

Unidades como vw e vh são mais usadas para controlar larguras e alturas de elementos, como imagens ou seções, para garantir que se ajustem à tela do usuário.

Eu encontrei esse artigo no Medium falando um pouco sobre as unidades de medida, é uma leitura muito boa.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado