[SOLUCIONADO] Fuente personalizada no se muestra

[infoholico]

Saludos, estoy comenzando a aprender sobre HTML5 y CSS3, lo que he aprendido ha sido gracias a una serie de videos que te van mostrando todo paso a paso, pero hay algo que no entiendo, en el último capítulo que vi enseñaban a agregar fuentes personalizadas al sitio, sin embargo escribí el código como era pero no funcionó, luego de eso busqué información y no parece estar mal pero hasta ahora no lo he podido hacer funcionar ni en Firefox 23 ni en Google Chrome 29 (ambos en Linux) el código es el siguiente:

Código HTML:

@font-face {
	font-family: 'masterplan';
	src: url('fonts/MASTERPLAN.ttf')  format('truetype');
}
header h1 {
	font-family:'masterplan';
	margin-left: 35px;
	text-shadow: 2px 2px 5px red;
}

he probado de todo, con comillas, sin comillas, con comillas simples, con comillas dobles... pero nada ¿alguien sabrá encontrar el error? gracias.

[pzin]

Bienvenido al foro.

Según tu código la carpeta de las fuentes está en el mismo directorio que el propio documento CSS. Acuérdate que las rutas en CSS son relativas al documento CSS, no al documento HTML.

Para el tema de la compatibilidad, puedes generar los diferentes formatos de fuentes necesarios en este sitio: http://www.fontsquirrel.com/tools/webfont-generator

[infoholico]

Muchas gracias, solucionado :)