Curso HTML5 > Fuentes fontFace compatibles con todo !

googlefont.jpgPues ya encarrerados en el curso de HTML5, impartido por Freddier fundador de Cristalab, nos dio en la clase #3, la teoria y practica sobre FONT FACE, obio, como parte de  CSS3.

La nota no explicara font-face como tal, aunque si gustan pueden dejar un comentario o enviar un mensaje para que haga  la nota sobre font-face al estilo tradicional.

La explicacion sobre las fuentes personalizadas en resumen seria que: "Toda fuente que se adquiere, es para impresos, no pagas nunca por la licencia de redistribucion, por tanto si alguien baja la fuente que compraste y usas en tu web, te cobran a ti por hacer uso ilegal de esa fuente", gran problema no ?

Pues bien, como todas mis notas y un poco pegado a lo de freddier, esto no es para sufrir, hay una forma mas sencilla de hacer este show, compatible con TODOS los exploradores, incluidos iexplorer 6 de shit, je!, el logo les dice mucho, ya se lo imaginaron verdad ?

Es correcta su apreciacion, san google nos salva la vida, diriganse en una ventana nueva hacia:

http://www.google.com/webfonts/

Vuala!, un directorio de fuentes completamente libres para utilizar en sus sitios web !!!, ahora bien si no quieres seguir leyendo la pagina de google que posiblemente te salga en ingles (la verdad lo dudo), pues aqui te dejo la version corta de la chamba.

 

Paso 1.- Seleccionas la fuente que te guste, le pikas donde dice Usar esta fuente

Paso 2.- en tu archivo HTML donde vayas a ocuparla, entre header y /header vas a "llamarla:

<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>

Paso 3.- En tu hoja de estilos, vas a declararla como normalmente se hace.

#mi_estilo{

     font-family: "Anton";

}

Fin!

Woooooooodades, y con eso tendran su fuentes compatibles con todos los exploradores chafas !!!

Un bravo para google por salvarnos el dia y otro pa* @freddier por darnoslo a conocer

Salu2

Back to Top