FONT SIZES

Tamaños de fuente escalables usando REM

Si no sabes qué tamaños de fuente usar en tu sitio web, este recurso puede resultarte muy útil.
Los tamaños de fuente para los títulos son escalables de escritorio a móvil, lo que significa que no necesitas configurar tamaños específicos en el modo de tableta.
Todos los valores están en REM, porque es mejor para la accesibilidad. Debes configurarlos en la sección Fuentes Globales dentro de Elementor. El texto con la función clamp debe colocarse en la opción de unidad personalizada dentro de Elementor.
No pongas estos tamaños directamente en los encabezados H1 – H6 dentro de la sección de Tipografía en la configuración del sitio, ya que eso no es bueno para el SEO y limita tus encabezados a un máximo de 6.
Personaliza los tamaños usando la calculadora de clamp (yo utilicé los valores mínimos: 360px y máximos: 1140px).

Title 1 (64 on desktop to 48 on mobile)

clamp(3rem, 1.7309rem + 1.813vw, 4rem)

Title 2 (48 to 38,4)

clamp(2.6rem, 1.7309rem + 1.813vw, 3rem)

Title 3 (40 to 33,6)

clamp(2.2rem, 1.5482rem + 1.3598vw, 2.5rem)

Title 4 (32 to 28,8)

clamp(1.8rem, 1.3654rem + 0.9065vw, 2rem)

Title 5 (28 to 25,6)

clamp(1.6rem, 1.2741rem + 0.6799vw, 1.75rem)

Title 6 (24 to 22,4)

clamp(1.4rem, 1.1827rem + 0.4533vw, 1.5rem)

Title 7 (20 to 19.2)

clamp(1.2rem, 1.0914rem + 0.2266vw, 1.25rem)

Subheading (19,2)

1,2

Body (16)

1

Body bold (16)

1

Body big (18)

1,125

Body small (14)

0,875