Usa cualquier fuente o tipografía en HTML con CSS3 y font-face

@font-face es un atributo de CSS3 bastante oscuro que permite usar cualquier fuente en tus diseños. Lo mejor: funciona en Internet Explorer 6, por ende en todos los navegadores. Y nadie lo usa.

Implementarlo no es dificil. Y con este artículo eliminarás la necesidad de cosas odiosas como fuentes en imágenes PNG, SiFR o Cufón (sí, cufón es malisimo).

Podrás diseñar todo lo que quieras para la web sin restricciones tipográficas.

Fuentes @font-face: ttf, woff, eot, svg

Todos conocen True Type (.ttf) y en menor medida Open Type (.otf), pero pocos conocen la amplia cantidad de formatos que existen en la web actual y esa es la principal razón para que nadie implemente (bien) @font-face.

TTF es muy estándar pero no tiene protección ninguna. Es un formato abierto y reusable, por lo que fuentes privadas o propietarias (como Helvetica o Myriad Pro) al ponerlas en la web, son distribuidas. Esto está prohibido por la licencia del creador de la fuente (historia larga) y para ello, varios navegadores crearon estas opciones:<br …
Continua leyendo desde la fuente

Related posts:

1. Fuentes con calidad en IE7 e IE8 usando font-face y jQuery Si has utilizado font-face para utilizar tus propias fuentes al...
2. Alternativa ante caída de @font-squirrel Hola que tal, antes que nada un gusto haber conocido...
3. Efecto Parallax mediante CSS3 CSS3 nos permite acceder a diferentes niveles de personalización visual...
4. Cómo hacer CSS3 compatible con Internet Explorer 6, 7 y 8 Quienes se niegan al avance de HTML5 y CSS3 dicen...

Related posts brought to you by Yet Another Related Posts Plugin.

Este articulo no pertenece a Shft.Info
indexamos los artículos que se encuentran en otros sitios y los organizamos en este directorio de articulos.