27 de octubre de 2015

CSS: Cómo cambiar el tamaño de la fuente para que sea proporcional al tamaño de la pantalla

A día de hoy la mayor parte de las visitas a una web se realizan desde los teléfonos móviles, y cada teléfono móvil tiene una pantalla de diferente tamaño.

Para poder maquetar los textos con un tamaño similar al previsto en el diseño CSS nos permite dimensionar el tamaño del texto en relación a la pantalla.

Os pongo un ejemplo:

font-size:xx-large; font-size: 4vw;

El tamaño de la fuente es relativo al viewport de la pantalla, es importante poner también -primero- el tamaño de la fuente con un formato tradicional por si nos topamos con un navegador antiguo para que no quede mal del todo.

Pues eso, espero que os sea de tanta utilidad como a mí :)