fbpx

Fuentes especiales en CSS

Si tenemos una fuente no estandar, y conseguimos su archivo .ttf y .eot
se puede hacer esto via CSS:

@font-face {
font-family: ‘DinShrift’;
src: url(“/fonts/DINMITTE.eot”);
src: local(‘DinShrift’), url(/fonts/DINMITTE.TTF) format(‘truetype’);
}

luego usar el font-family como siempre:

font-familiy: DinShrift, Arial;

Una página para convertir de .ttf a .eot:
http://www.kirsle.net/wizards/ttf2eot.cgi

Una que funciona mejor es:
http://www.fontsquirrel.com/fontface/generator

El .eot, es para los IEs, el .ttf para el resto de los navegadores.

Don’t Stop Here

More To Explore