FONT Dynamic Sizing em layouts de fluido

Ao projetar layouts de fluido, combinar tamanhos de fonte para resoluções de tela podem ser desafiadores. Unidades como "Em" podem não se adaptar adequadamente, e porcentagens e pontos podem não ser confiáveis. :

vw:

porcentagem da width

vh:
• porcentagem da altura do viewport
vmin :
• valor menor de vw ou vh
vmax:
• valor maior de vw ou vh
por exemplo:
• ]corpo { Size da fonte: 3.2VW; }

Isso define o tamanho da fonte para 3,2% da largura da viewport, garantindo escala adequada entre dispositivos e resoluções. Unidades relacionadas ao ViewPort, vários métodos alternativos foram empregados:

body {
  font-size: 3.2vw;
}

define pontos de interrupção e tamanhos de fonte específicos para diferentes intervalos de tela. e Rems:

Defina tamanhos de fonte como porcentagens ou unidades "Rem", que são relativas ao tamanho da fonte base do corpo.

root ems (rem):

1Rem = o tamanho da fonte do elemento corporal, permitindo tamanhos de fonte escalável (2REM = duplo o tamanho da fonte do corpo).

por cento (%):
• 100% = o tamanho da fonte atual, garantindo escalabilidade para dispositivos móveis e acessibilidade. Fontes que se adaptam à resolução da tela do usuário, fornecendo uma experiência ideal para o usuário em vários dispositivos.