Hola amigos,
He ido creando una web en local, para ello he usado la propiedad @font-face para crear un menu con una fuente que me gusta (hatten.ttf). e
n local todo funciona a la perfeccion la fuente se ve perfecta (uso la ultima versión de Firefox como navegador). ahora bien he subido mi web a un servidor para hacer pruebas con el formulario de contacto y cual es mi sorpresa que la fuente no funciona, me muestra una por defecto y me chafa el diseño. Utilizo la última versión de firefox.
El aspecto en el server de pruebas es este:
http://bi.loslocostambientienenblog.com/staff.html
como veis el menu queda hecho una mierda.
Este es el CSS:
Código HTML:
@font-face {
font-family:hatten;
src: url(fuentes/hatten.ttf) format('truetype');;
src: url(fuentes/hatten.otf) format('opentype');;
font-weight:normal;
}
He probado a cambiar la fuente de formato y subirla tambien, pero nada, no funciona.
¿Qué hago chicos? ¿cómo lo puedo solucionar?