Utilizar fonts ttf en diseño web con @font-face

José Meza — Fri, 07 Aug 2009 08:00:47 +0000

@font-face fue incluida en el estandar CSS2 y ha sido implementada en el Internet Explorer desde su version 5 y utilizada bajo el formato Embedded Open Type (.eot), ningun otro navegador lo soportaba.

Hoy es soportada por la mayoria de los navegadores debido a que esta directiva ha sido incluida en el CSS3, soportando no solo fuentes OpenType (.eot) tambien TrueType (.ttf).

Esta directiva debera ser declarada usando @font-face
ejemplo:

 @font-face {
font-family: Ghostwriter;
src: url("http://site/font/ghostwrit.ttf");
}

h1 { font-family: "Ghostwriter"; }

Esta directiva también nos permite definir otras propiedades del font, como formato, grosor y estilo.
ejemplo:

 @font-face {
font-family: Techi;
src: url("fonts/font_techina_24b.otf") format("opentype");
font-weight: bold;
font-style: italic;
}

También te puede interesar:

No hay posts relacionados.

SEO & Web Design» CSS3

Utilizar fonts ttf en diseño web con @font-face

También te puede interesar: