Escoger una buena fuente para la web

En muchos momentos del diseño web, llega la hora de escoger que tipo de fuente utilizar. Los que hayáis estudiado algún tipo de curso, ingeniería o grado sabréis que escoger una fuente no es sencillo. Hay que hacer un estudio para poder decidir que fuente se adapta a nuestras necesidades.

Bien, el escoger que tipo de fuente nos conviene, no es el tema que trataré. Me interesa mas el apartado técnico y un error que cometen muchos diseñadores.

Normalmente se van a su directorio de fuentes preferido, investigan y según las necesidades que han estudiado, escogen la o las fuentes necesarias. Hasta ahí bien. Se lo hacen llegar al programador que tiene que desarrollar la web, y cuando crees que todo está correcto, el cliente te dice que hay palabras que no se leen bien.

En efecto, las ñ, vocales acentuadas, … no se leen. La fuente no soporta estos caracteres. Todos a correr !!!

Veamos un ejemplo práctico:

  1. Vamos al directorio de fuentes: http://www.dafont.com/es/
  2. Buscamos el tipo de fuente según la categoría, por ejemplo Mediaval
  3. Sale un listado, y muy importante: se marcan en el título si soportan acentos y los caracteres como el euro, ñ…
  4. También podéis hacer una búsqueda con las casilla ‘acentos’ y ‘euro’ marcadas

De este modo no tendréis problemas con las fuentes en el sentido técnico.

Artículos relacionados

Three.js – Proyectos de ejemplo (1) Aquí os dejo algunos enlaces a ejemplos de proyectos creados con Three.js. Con esta librería 3D con el que poder trabajar WebGL, o lo que es lo mismo,...
GroundWork CSS – 03 – Framework HTML5 ... Tercer de los 4 vídeos del tutorial de GroundWork, un framework para la creación de página web responsive. En este caso, veremos como crear botones de...
Medidas usuales de pantallas de ordenadores y móvi... Medidas pantallas de ordenador Pequeñas (portátiles y pantallas antiguas): 1024x600 Medianas: 1280x720 Grandes: 1400x900, 1600x1200 ... M...
GroundWork CSS – 02 – Framework HTML5 ... Segundo vídeo que muestro cómo estructurar una página web responsive para que se muestre de forma correcta en web y en dispositivos móviles. ...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*