He leído y acepto la política de privacidad

Acepto recibir contenido o propuesta comercial de diligent

Google Fonts ¿Sabes que son las Web Fonts y para que sirven?

Escrito por: Diligent Team

Open Sants, una tipografía muy versátil, la puedes descargar gratis en Google Fonts.

¿Te acuerdas de esos momentos en que las fuentes tipográficas estaban super limitadas a la hora de desarrollar una página web? En aquel entonces sólo podías usar las que por defecto estaban instaladas de manera universal en los ordenadores de hace 5 años, es decir, las llamadas Fuentes Seguras, Georgia, Times New Roman, Andale Mono, Arial, Verdana...  incluso la “polémica por muchos diseñadores” Comic Sans. Sin embargo el lío no terminaba aquí ya que depende del sistema operativo del ordenador, cuando navegabas por una web te cambiaba la fuente por defecto, así que para asegurar la mejor experiencia web al usuario, debías asignar “Fuentes Secundarias” o “Fuentes de Respaldo” es decir, las fuentes más parecidas a la utilizada en el maquetación original de la web para que todos los usuarios puedan visualizarla de la manera más estándar posible.

Me acuerdo que era muy incómodo, me costaba mucho comprender cómo era posible que para desarrollar una estrategia de comunicación online tenías que estar tan escaso de recursos tipográficos. Era un dolor de cabeza, para que te hagas una idea, poder maquetar un titular con una tipo diferente a las fuentes seguras (por ejemplo la Helvética Neue Thin) debía usarla como imagen. Así que íbamos alternando imagen con texto constantemente. Sin embargo, la maquetación se hacía engorrosa, sin contar que la web aumentaba el peso provocando una carga más lenta. Recuerdo que esto me causaba varias discusiones con el programador web. Menos mal que para nuestra salud mental esta limitante ya forma parte del pasado.

Hoy en día existen un tipo de fuentes estandarizadas y de muy alta calidad para el desarrollo de páginas web llamada @font-face. Ahora es el servidor quien proporciona la tipografía que necesitemos utilizar y el navegador es quien se encarga de mostrarlas adecuadamente (Chrome, Firefox, Internet Explorer, Opera y Safari). Gracias a ellas ya no hay que depender de las fuentes que tenga instaladas el ordenador del usuario. Son tipografías gratuitas y de código abierto. Se llaman Web Open Font Format (WOFF) y se emplean incrustadas en las hojas de estilo (CSS) como @font-face.

Google tiene un excelente catálogo gratuito con más de 600 fuentes disponibles para el desarrollo de páginas web llamado Google Fonts. Sin embargo y para no quedarnos cortos, aquí te dejo el link de una plataforma donde podrás encontrar de manera clara, sencilla y ordenada la fuente que más se adecue a tu proyecto web. Se llama Best Web Fonts y por fortuna también es gratis.

Una golosina.
Ahora bien, si además quieres crear tus propias fuentes te dejo este excelente y divertida aplicación, se llama Fontastic

Referencias: desarrolloweb.com / elwebmaster.com

 

la web para móvil

¿Tu web aún no está adaptada para ser una web para móvil? Podemos echarte una mano para que este cambio en los resultados de búsqueda desde móvil favorezca al tráfico y la captación de más clientes.

Escríbenos y con mucho gusto te ayudaremos.

 

Comments

cristina
4 octubre, 2013 at 12:34 pm

Jerom!

Vaya crack!, moltes felicitats. Acabo de rebre un article teu a Linkedin.
M’encanta la trajectoria que has agafat i l’enfoc.
FELICITATS! i endavant.

Un petó i de nou, felicitats!

    Jerom021
    4 octubre, 2013 at 9:42 pm

    Moltes gràcies Cristina, no saps la il·lusió que em dóna saber que el que escric sigui d’utilitat als altres. I més venint de part teva que saps apreciar el valor del bon disseny.

Albert Tomàs i Capella
4 octubre, 2013 at 3:13 pm

Em sembla que has fet un servei extraordinari als disenyadors, o no, amb aquesta informació… Gràcies, en nom de tots, Tens una pàgina molt valuosa.

    Jerom021
    4 octubre, 2013 at 9:47 pm

    Per mi la teva aprovació, que has escrit tota la vida, val or 🙂 Gràcies! Gràcies! Gràcies!

Deja un comentario

Alimenta con lectores tu blog

Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×
Del blog al éxito

Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×
Como triunfar con tu tienda online

Descarga el eBook en Formato PDF y empieza a desarrollar tu tienda online.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×
Fotografía de producto

Descarga el eBook en Formato PDF y empieza a desarrollar tu tienda online.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×
Utilizamos cookies propias y de terceros para realizar análisis de uso y de medición de nuestra web para mejorar nuestros servicios. Si continua navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información aquí X