Incrustar fuente personalizada CSS

Zuki

De nuevo vengo a pedir ayuda a los gurus del lugar. Teng un problema a la hora de insertar una tipografia en mi web. No se que parte de mi codigo esta mal, he revisado mil webs y algun que otro libro y no encuentro la explicacion de que no funcione...

Archivo CSS

@font-face {
font-family:bebas;
src: url(theme/fonts/BEBAS___.TTF);
}
h1{font-family:bebas;}

index.html

<h1>Hola mundo</h1>

Link de la fuente

Zuki

Perdonad, ya he solucionado el problema. Estaba mal puesta la ruta, debia poner la ruta partiendo desde la localizacion de la hoja de estilos con lo que queda ../fonts/BEBAS___.TTF

Sorry por el post...

HeXaN

Ya sé que lo has solucionado y demás pero yo uso Cufón, por si te interesa usarlo en algún proyecto.

2 respuestas
Zuki

#3 Gracias, le echare un vistazo!

Thanat0s

#1 Pero eso no funciona en todos los exploradores :(

1 2 respuestas
HeXaN

#5 De ahí lo que pongo en #3 xD

1
Zuki

#5 Que no funcione en IE me la pela al maximo x'D

Ahora en serio, he mirado lo que pone #3 y es lo que implementare lo mas seguro.

#3 Solo hay que insertar el JS a la web y llamar al font-family desde CSS con el nombre que le haya dado verdad?

EDIT: lo he probado, pero ahora hay un problema, lo que hace es un canvas de HTML5 yo le tengo puesto que si se pasa por encima de un span cambie de color y ahora no lo hace :'( ¿Como mantengo esa opcion?

Usuarios habituales

  • Zuki
  • HeXaN
  • Thanat0s