fonts en ie 7 y 8

[Estellita]

Hola a todos, me estoy desesperando ya.....

He subido esto de prueba para ver si podía ver la BebasNeue en mi web.
He hecho mil pruebas y en ie7 y 8 NO SE VE!!!

Probar este enlace:
http://www.recmaresth.com/fonts.html

en UBUNTU en Firefox y chrome no se ve la BebasNeue
en MAC en Firefox y chrome si se ve la BebasNeue
en ie9 y 10 (creo que si se ve)

pero.......en ie7 y 8 nooooo

Me he leido de todo y he hecho de todo...por favor, a ver si alguien me ayuda a resolverlo ya de una vez!

Me urge!!


gracias

[Carlangueitor]

Las rutas no son correctas, y tienes repetida la declaración @font-face. Además la defines como BebasNeue y luego la usas como Bebas Nenue.

Saludos

[Estellita]

Ese no es el problema...si corrijo eso, se ve ok en el chrome, no se ve en el firefox y tampoco en ie
puede echarle un vistazo
http://www.recmaresth.com/fonts.html

[pzin]

Lo mejor que puedes hacer, es usar el generador @font-face de FontSquirrel, que te crea los formatos necesarios para los distintos navegadores y te genera un archivo CSS compatible con todos ellos.

[Estellita]

He modificado varias cosas y sigue sin verse:

http://www.recmaresth.com/fonts/fonts.html

[Estellita]

ya lo conozco y lo he usado...pero no se me ve bien....

[pzin]

Yo veo la fuente correctamente en Safari, Firefox y Chrome. No tengo IE instalado así que no sabría decirte.

[Estellita]

ya lo he comprobado también en ie 7 y 8
ya lo veo correctamente yo también, gracias

[pzin]

Acabo de probar con el portatil donde tengo IE9, y también se ve bien la fuente.

Edito: Muy bien. ¿Qué era final?

[Estellita]

He puesto las fonts en su directorio correcto, he nombrado correctamente BebasNeue y eliminé lo que estaba repetido.

[Estellita]

¿por qué si cambio las rutas ya no me funciona?
He puesto las fonts dentro de la carpeta fonts:
fonts/fonts/ y aquí las fonts
échale un vistazo:
http://www.recmaresth.com/fonts/fonts.html

[Estellita]

¿por qué si cambio las rutas ya no me funciona?
He puesto las fonts dentro de la carpeta fonts:
fonts/css/fonts/ y aquí las fonts
échale un vistazo:
http://www.recmaresth.com/fonts/fonts.html

[pzin]

Estás poniendo mal la ruta. Tal como lo tienes, está buscando el archivo de la fuente en /fonts/fonts/. Si estás en la misma carpeta, no tienes porqué especificarla. Si lo haces, entonces o bien sube un nivel primero con ../ o especifica la ruta desde la raiz con una / delante.

[Estellita]

No, la ruta que estoy poniendo es esta:

@font-face {
font-family: 'BebasNeue';
src: url('fonts/BebasNeue.eot'); /* IE9 Compat Modes */
src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/BebasNeue.woff') format('woff'), /* Modern Browsers */
url('fonts/BebasNeue.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/BebasNeue.svg#svgFontName') format('svg'); /* Legacy iOS */
}

y las fonts están en fonts

espera que te subo mejor la estructura del siguiente modo:

index.html
y en ese mismo directorio están
css/fonts/ y aquí las fonts

y la ruta de las fonts del index.html es esta:
@font-face {
font-family: 'BebasNeue';
src: url('fonts/BebasNeue.eot'); /* IE9 Compat Modes */
src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/BebasNeue.woff') format('woff'), /* Modern Browsers */
url('fonts/BebasNeue.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/BebasNeue.svg#svgFontName') format('svg'); /* Legacy iOS */
}

[pzin]

Si index.html está en la raíz, entonces en el código CSS embebido en index.html tienes que especificar también la carpeta css, quedando "css/fonts/BebasNeue...".

[Estellita]

voy a probar y te digo

[Estellita]

ahora si que esta solucionado! gracias por todo!
ahora ya lo puse como me has dicho, puedes comprobarlo

http://www.recmaresth.com/fonts/index.html