compartimos
la actualidad contigo

28 jun 2011

Usa cualquier fuente en html Google Fonts

El otro día fué sin duda un día de suerte, mirando entre la multitud de entradas de post que me llegan al Netvibes, me llamo la atención una frase "Usa cualquier fuente en html" . Lo primero que pensé es "seguro que tiene truco y al final es tipografía en imagen o algo que no funciona en todos los navegadores", aunque me dió mucha confianza de que llevara la palabra Google delante.  Estuve bastante tiempo leyendo con mucha atención (sobre todo porque estaba en inglés y sólo me enteraba de la mitad, luego la neurona me funcionó y me acorde de que el traductor de Google está para algo).  Cuando acabé de leer, mi grado de felicidad como diseñadora (harta de las mismas tipografías en web) había crecido, pero todavía me quedaba un punto de incredulidad, lo unico que faltaba era probarlo. Al día siguiente hice la prueba y como diría mi sobrina "Pa mi, pa siempre". Funciona genial, se ve incluso en los móviles perfectamente y en los ipad e iphone. El enlace es Google web fonts y creo que hay varias maneras de utilizarlo. Yo os pongo la mas sencilla y la que yo he usado.

El otro día fué sin duda un día de suerte, mirando entre la multitud de entradas de post que me llegan al Netvibes, me llamo la atención una frase "Usa cualquier fuente en html" .

Lo primero que pensé es "seguro que tiene truco y al final es tipografía en imagen o algo que no funciona en todos los navegadores", aunque me dió mucha confianza de que llevara la palabra Google delante.  Estuve bastante tiempo leyendo con mucha atención (sobre todo porque estaba en inglés y sólo me enteraba de la mitad, luego la neurona me funcionó y me acorde de que el traductor de Google está para algo).  Cuando acabé de leer, mi grado de felicidad como diseñadora (harta de las mismas tipografías en web) había crecido, pero todavía me quedaba un punto de incredulidad, lo unico que faltaba era probarlo.

Al día siguiente hice la prueba y como diría mi sobrina "Pa mi, pa siempre". Funciona genial, se ve incluso en los móviles perfectamente y en los ipad e iphone.

El enlace es Google web fonts y creo que hay varias maneras de utilizarlo. Yo os pongo la mas sencilla y la que yo he usado. Lo primero que ves cuando entras es un listado de tipografías, cuando encuentras la que te gusta haces click sobre ella y aparecen varias pestañas con todo tipo de información, (vista de la tipo en varios tamaños,  información general, caracters que tiene la tipográfia, descarga y "usa esta fuente") Todos son interesantes pero me quedo con los dos últimos: En descarga tu puedes bajarte la tipografía para poder usarla en tu ordenador para ver el efecto en tus diseños En "usa esta fuente" te explica los pasos a seguir para usarlo en tu web.

Los pasos a seguir son muy sencillos. Yo en micaso elegí la tipografía Oswald y en esa pestaña Google me da el enlace que tengo que meter en mi html.

Dentro del head colocamos

y despues especificas en todos los estilos donde quieras usarlo la clase o estilo

h1 { font-family: ´Oswald´, arial, serif; }

Sencillísimo ¿verdad?. pues ya está listo.

¡Hasta pronto!

Lo primero que ves cuando entras es un listado de tipografías, cuando encuentras la que te gusta haces click sobre ella y aparecen varias pestañas con todo tipo de información, (vista de la tipo en varios tamaños,  información general, caracters que tiene la tipográfia, descarga y "usa esta fuente")

Todos son interesantes pero me quedo con los dos últimos:

En descarga tu puedes bajarte la tipografía para poder usarla en tu ordenador para ver el efecto en tus diseños En "usa esta fuente" te explica los pasos a seguir para usarlo en tu web.

Los pasos a seguir son muy sencillos. Yo en micaso elegí la tipografía Oswald y en esa pestaña Google me da el enlace que tengo que meter en mi html.

Dentro del head colocamos

y despues especificas en todos los estilos donde quieras usarlo la clase o estilo

h1 { font-family: ´Oswald´, arial, serif; }

Sencillísimo ¿verdad?. pues ya está listo.

¡Hasta pronto!

Otras noticias
20 jul 2018

Google ha cambiado sus políticas de posicionamiento y Google Maps

Recientemente Google ha empezado a modificar tanto las políticas de algunos de sus productos como Google Maps como los algoritmos de su buscador. Te contamos en que consiste y como afecta a tu sitio web.

12 jun 2018

Ticmedia consigue uno de los primeros 4 certificados de DPD en España

Los cuatro primeros Delegados de Protección de Datos (DPD o DPO en inglés) certificados de España ya tienen su acreditación de AENOR tras la prueba realizada el pasado 28 de mayo, prueba a la que sólo accedieron las personas que reunían los pre-requisitos necesarios de experiencia y/o formación. La certificación acredita los conocimientos de los DPD conforme al Esquema de Certificaciónde Delegados de Protección de Datos de la Agencia Española de Protección de Datos.

Estamos muy orgullosos de  poder decir que, nuestra especialista en protección de datos personales, Rocío Lozano, ha conseguido una de esas primeras 4 certifcaciones, que nos convierte en pioneros en el sector de la consultoría y asesoría en materia de protección de datos personales.