@Font -face Generator genera diferentes tipo de formatos de fuentes para poder usarlo con en nuestros diseños y que sean compatibles con los diferentes navegadores (Firefox, Safari, Chrome, Opera 10.x usan .ttf, Internet Explorer .eot).

@font-face {
 font-family: 'FontinSansBold';
 src: url('fontin_sans_b_45b-webfont.eot');
 src: local('☺'), url('fontin_sans_b_45b-webfont.woff') format('woff'), url('fontin_sans_b_45b-webfont.ttf') format('truetype'), url('fontin_sans_b_45b-webfont.svg#webfont2lPUCyPA') format('svg');
 font-weight: normal;
 font-style: normal;
}

Ejemplo de lo que genera @font-face generator arriba.