Añade una fuente a tu web con css @font-face

@font-face es una propiedad muy útil para definir en un sitio web una fuente que el usuario no tenga instalada en su ordenador. Sólo debemos subir la fuente deseada a nuestro sitio web y definirla mediante CSS.

 

@font-face {

font-family: "Tahoma";

src: url(./ttf/tahoma.ttf) 

format("truetype"); }

h1 { font-family: "Tahoma", sans-serif }

 

Y ya está. @font-face está soportada por Safari 3+ y 4+, Firefox 3.5, e Internet Explorer 7+.

 

Si queremos usarlo en IE6 debemo usar el siguiente codigo

 

<!--[if IE]> <style type="text/css" media="screen">

@font-face{ font-family:'Fontin-Regular'; src: url('Fontin-Regular.eot'); }

</style> ![endif]-->

 

Para convertir fuentes .ttf a .eot, por ejemplo, podemos usar WEFT 3.

 

Visto: cssblog.es

Compartir

One&One

SEMrush

Visitanos en: