Fuentes responsivas

[Integer78]

Hola gente, quería preguntarles cómo manejan el tema de los tamaños de las fuentes.
Nunca he logrado hacer textos responsivos. Siempre me pasa que en algunas pantallas se ven excesivamente grandes o excesivamente pequeñas, jamás logré textos que me conforme como se ven en todas las pantallas... ¿como lo hacen ustedes?


Desde ya muchas gracias.

[prueba230683]

Puedes establecer el font-size (y muchas otras propiedades) en relación al tamaño de la pantalla del dispositivo mediante las unidades vh y vw que se introdujeron en CSS3. Por ejemplo, 1vh representa el 1% de la altura de la pantalla, y 3vw representa el 3% del ancho de la pantalla.

https://devcode.la/tutoriales/unidades-vh-vw-css/

[Integer78]

Si, así lo he intentado pero me pasaba que por ejemplo en el celular las fuentes se veían diminutas, mientras que en el resto de las pantallas estaban ok. Si lograba que se vean bien en el celular en las otras pantallas se veían gigantes y así...
¿Tienes experiencia con las unidades vh y vw, las usas habitualmente?

[prueba230683]

Si la letra sale demasiado pequeña puedes usar media queries para fijarla en función de la resolución:

Un ejemplo: https://www.w3schools.com/howto/tryi...sponsive_text2

Puedes combinar media queries con vh/vw o directamente ponerlo todo en pixels como en el ejemplo.