Texto responsivo

En utopia.fyi encontrarás una manera de hacer que tus textos sean responsivos. Pero también tienes estas otras formas de hacerlo por tu cuenta:

clamp()

Esta función te permite poner 3 valores (valor mínimo, valor preferido, valor máximo), estos valores fluirán a medida que se alcancen

codi.link Copiar

.text {
  font-size: clamp(2rem, 1rem + 3vw, 50px)
}         
  

calc()

codi.link Copiar

/*
  14 = smaller font size
  18 = bigger font size
  300 = smaller viewport size
  1400 = larger viewport size
*/

.body {
  font-size: calc(14px + (18 -14)*((100vw - 300px)/(1400 - 300)));
}