Fuentes predeterminadas en estilos Css

[Jabin]

Bueno he estado investigando, acerca de las fuentes predeterminadas, logre implementar algunos estilos de modo de practica, pero por ejemplo:

He buscado tipos de fuentes como:

bebasneue-webfont.eot (no funciona)
calibri.ttf
calibri-webfont.eot (no funciona)

Este es el codigo

Código HTML:

@font-face {font-family: 'BebasNeueRegular';src: url('fuentes/bebasneue-webfont.eot');
src: url('fuentes/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),url('fuentes/bebasneue-webfont.woff') format('woff'),
url('fuentes/bebasneue-webfont.ttf') format('truetype'),url('fuentes/bebasneue-webfont.svg#BebasNeueRegular') format('svg');font-weight: normal;font-style: normal;}

Ahora no se sea esta fuente es de pago, quizas por eso no funciona.

Tambien queria saber, si tiene alguna web que recomienden sobre esto, y quizas algun sitio donde pueda descargar las fuentes Free y tambien de Pago que sea standar para sitios en Internet.

[undakel]

El mejor sitio para descargar y donde te viene muy bien explicado cómo implementarlo en la web es Google Web Fonts.


También hay fuentes para descargarte en FontYukle http://www.fontyukle.net/en/

Para hacer tus sets de fuentes usando font-face puedes visitar este enlace, es un generador de font-face: http://www.fontsquirrel.com/fontface/generator

Que una fuente sea de pago o no, si la enlazas correctamente y sus distintos formatos debería funcionar.

Por otro lado debes tener en cuenta que los distintos navegadores leen distintos tipos de fuentes, es por un tema de licencias y formatos. Asi que debes poner todos los formatos de una fuente para asegurarte que se leen en todos los navegadores.