¡Esta es la forma estándar de cargar con @ font-face , arreglos hacky y todo!
@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Pero elimine SVG y perderá el soporte para iOS <5.0 casi por completo
Can I Use tiene una excelente tabla para el soporte del navegador, generalmente otra para EOT , otra para WOFF , otra para SVG y finalmente una más para TTF . Los he insertado a continuación para mayor claridad, y esto debería guiarlo sobre qué probar, pero tenga en cuenta que esto cambiará bastante rápido.
Editar por wyu : he compilado una tabla para que pueda ver el soporte al lado del otro
Soporte de navegador @ font-face en general

Soporte de navegador EOT

Soporte de navegador WOFF

Soporte de navegador SVG

Soporte de navegador TTF
