Problemas con font-face en IE7 IE8

zetaweb · #1 (**permalink**) 22/05/2012, 03:28

Buenos días a todos, estoy ya un poco desesperada este es el código que estoy utilizando pero no me lo coge ni en ie7 ie8. Os paso el codigo haber si alguien me puede ayudar.

@font-face {
font-family: 'MyWebFont';
src: url('../fonts/escolar8.eot#') format('embedded-opentype');
src: local('♥'),
url('../fonts/escolar8.woff') format('woff'),
url('../fonts/escolar8.ttf') format('truetype'),
url('../fonts/escolar8.svg#2048svg') format('svg');
}
MUCHAS GRAAAACIAS

garciasanchezdani · #2 (**permalink**) 22/05/2012, 04:10

Hola zetaweb, es que IE 8 y anteriores, no soportan font-face.
Puedes verlo aquí: http://www.w3schools.com/cssref/css3...-face_rule.asp
No obstante, lee este artículo: http://www.cristalab.com/tutoriales/...uery-c102146l/
Saludos, Daniel

kseso? · #3 (**permalink**) 22/05/2012, 05:18

Cita:

Iniciado por garciasanchezdani

Hola zetaweb, es que IE 8 y anteriores, no soportan font-face.

¿cómo?
Menuda estupidez. Desde 1997 lo hace, con la versión 4 de ie, nada menos.

@zetaweb
Sólo tiene que utilizar los .eot.
Evítese problemas utilizando en generador de fontsquirrel.com

garciasanchezdani · #4 (**permalink**) 22/05/2012, 05:24

Cita:

Iniciado por kseso?

¿cómo?
Menuda estupidez. Desde 1997 lo hace, con la versión 4 de ie, nada menos.

Entra aquí: http://www.w3schools.com/cssref/css3...-face_rule.asp y lee: Note: Internet Explorer 8 and earlier versions, do not support the @font-face rule.

kseso? · #5 (**permalink**) 22/05/2012, 05:31

No tengo que entrar a ningún enlace donde, según usted, afirmen que ie 8 y anteriores no soportan @font-face. ¿Quiere saber el porqué?

Dos razones:
1ª: O es un error de comprensión por su parte de lo que ahí se diga o es un artículo erróneo y falso.
2ª: porque mi propia experiencia me dice que es una mentira como la copa de un pino.

Se lo repito: ie desde 1997 soporta @font-face.

Y ahora no venga con aquello de que al necesitar las tipografías en .eot bla bla bla...
Porque entonces lo mismo cabría decir de los navegadores que necesitan una extensión en concreto o excluyen a otras.

garciasanchezdani · #6 (**permalink**) 22/05/2012, 05:46

Qué subidito te veo ... será por el karma ... jajaja

kseso? · #7 (**permalink**) 22/05/2012, 05:53

Cita:

Iniciado por garciasanchezdani

Qué subidito te veo ... será por el karma ... jajaja

Será por el suyo.

Veo que en vez de rectificar su error prefiere atacar y descalificar.

Vamos por partes, no para usted, que ya veo que no lo necesita ni lo merece, sino para evitar que otros usuarios se llamen a engaños:

Todo el resto del mensaje, sobra. Ni su actitud ni formas merecen la pena que dedique más tiempo.

garciasanchezdani · #8 (**permalink**) 22/05/2012, 05:57

kseso? usted empieza atacando...mi intención sólo es la de colaborar, e intentar ayudar a los compañer@s. Me he ceñido a la información dada en http://www.w3schools.com/ , nada más...¿que me equivoqué y no es correcta mi aportación? Me disculpo. Por otra parte, creo que para eso están ustedes los colaboradores, para mantener el foro en funcionamiento...
No creo que sea de buena educación llamar estupidez a la aportación de una persona, y despreciarla de esa manera...Existen otras formas de hacer una corrección.
Saludos

kseso? · #9 (**permalink**) 22/05/2012, 06:09

¿Calificar como estupidez esta afirmación es atacar?

Cita:

Iniciado por garciasanchezdani

Hola zetaweb, es que IE 8 y anteriores, no soportan font-face

del DRAE:

Cita:

estupidez:
1. f. Torpeza notable en comprender las cosas.

Y cómo es tan ............................... (rellene al gusto) Si tan cansado está de hacer web baratas puede entretenerse en votar todos mis mensajes con -K.
Va a tener para un rato, sólo son +5K. Pero sea algo más creativo en sus "desfogues karmáticos".
Ánimo, Campeón, ya le quedan menos.

garciasanchezdani · #10 (**permalink**) 22/05/2012, 07:11

Jajajaja venga sabelotodo, ve a retocar tu blog que veo que se cruzan las palabras entre sí...parece que no eres tan experto en css...

kseso? · #11 (**permalink**) 22/05/2012, 08:05

Efectivamente, Campeón. Ni soy experto en css ni mucho menos en blogger, ni voy de profesional de nada.

Pero eso sí, cuando afirmo una cosa procuro sustentarla en los estándares o en la fuente original.
En el caso que nos ocupa, el propio MIcrosoft. Es quien dice que usted ha dicho una mentira tan grande como su propia ignorancia en Css.

Mientras, párese a pensar porqué cada 34 mensajes que ha hecho en este foro se ha ganado una estrella negra.
Qué gran opinión tienen los foreros de sus aportaciones, Campeón.

Siga con su -K. Ya le quedan sólo 5571 de mis mensajes.

Y sí, prefiero que usted piense que soy un pepino o un antipático a que un usuario se vea inducido a error debido a "Que carece de toda instrucción" y anda "Falto o escaso de entendimiento" (son las definiciones del DRAE para idiota y tonto, qué causalidad).

Hágase un favor a usted mismo y háganoslo a todos los demás: antes de venir al foro de css con falsedades procure saber de qué habla y qué dice.

garciasanchezdani · #12 (**permalink**) 22/05/2012, 08:34

¿Por qué será que no pones tu foto de perfil...tan feo eres?

anavega · #13 (**permalink**) 22/05/2012, 10:35

jejejej, esto se convirtio en una batalla campal :).
Bueno aportanto al post.. a mi siempre me funcionaron los font-face con lost .eot hasta en IE6
Saludos

ArturoGallegos · #14 (**permalink**) 22/05/2012, 10:38

compañero @zetaweb pruebe con este codigo

Código HTML:

Ver original@font-face {
    font-family:'MyWebFont';
    src:url('../fonts/escolar8.eot');
    src:local('?'),
    url('../fonts/escolar8.woff')format('woff'),
    url('../fonts/escolar8.ttf')format('truetype'),
    url('../fonts/escolar8.svg#')format('svg');
    font-weight: normal;font-style: normal;
    }

----------------------------------------------------------
y compañero @garciasanchezdani para ser un usuario relativamente nuevo es imprudente al prestarse a las peleas... cuando alguien lo moleste u ofenda simplemente haga caso omiso, en cualquier foro siempre encontrara gente dispuesta a pelear y quien pierde es usted pues se ve mal y obtiene mala fama.
mejor limitese a hacer una prueba previa a responder de esa forma tiene una retroalimentacion y/o aprende algo nuevo (es lo que hago yo).

y señor Kseso? realmente me sorprende que se preste a una pelea como esta, cierta mente el usuario se equivoco como todos lo hemos hecho alguna vez.
siempre me ha gustado la forma en que responde y que fundamenta sus comentarios pero esta vez si fue una metida de pata por parte suya

Cita:

¿cómo?
Menuda estupidez. Desde 1997 lo hace, con la versión 4 de ie, nada menos.

garciasanchezdani · #15 (**permalink**) 22/05/2012, 10:44

Tienes razón Ag666. A mí me da vergüenza haber entrado en semejante discusión, pero me sorprendió la manera en la que un colaborador de este foro me ofendió sólo por equivocarme en mi aportación...Luego intenté dialogar, pero él siguió ofendiéndome, y llegó a entrometerse en mis proyectos...
[/QUOTE]Y cómo es tan ............................... (rellene al gusto) Si tan cansado está de hacer web baratas puede entretenerse en votar todos mis mensajes con -K.[/QUOTE]
y creo que los foros no están para eso, sino para ayudarnos los unos a los otros...No entiendo cómo un colaborador puede comportarse así...Pero bueno, por mi parte, se quedó aquí la batalla.
Saludos

kseso? · #16 (**permalink**) 22/05/2012, 10:52

@Ag666:
Lo dije y lo mantengo.
Es una "Torpeza notable en comprender las cosas" el afirmar lo que se afirmó y acto seguido colocar otro enlace cuyo título es "Fuentes con calidad en IE7 e IE8 usando font-face y jQuery" donde su primer párrafo introductorio al tema dice:

Cita:

Si has utilizado font-face para utilizar tus propias fuentes al momento de desarrollar un sitio web, seguramente te has encontrado con el inconveniente de ver tus fuentes en IE7 e IE8 con una calidad muy baja y con un detallado pésimo, cuando en otros navegadores se ve suave y estilizada.

Así que sí, estamos ante quien tiene "Torpeza notable en comprender las cosas", "que carece de toda instrucción" y anda "Falto o escaso de entendimiento".

¿Suena mejor así?
Pues que quede así.

___________________

@garciasanchezdani
Y ahora deje de poner carita de "Seño, yo no he sido".
Fíjese en su #6 y las tonterías que ha dicho al otorgar -karma. Por mi puede hacer lo que le venga en gana y seguir añadiendo falacias en cada respuesta, hace rato que todo esto acabó. Y si vuelvo a responder es por deferencia a Ag666.

garciasanchezdani · #17 (**permalink**) 22/05/2012, 10:57

kseso? ya no voy a seguir discutiendo...anda sigue empollándote el diccionario...

garciasanchezdani · #18 (**permalink**) 22/05/2012, 11:01

Fíjate en #8 cómo intento dialogar contigo, y la respuesta que tienes en #9...

kseso? · #19 (**permalink**) 22/05/2012, 11:10

@Ag666:
Con la modificación a la regla (quitar el # de .eot#) que sugiere va a provocar posíblemente que ie9 deje de mostrar la tipografía:
http://www.forosdelweb.com/f53/font-...eccion-882810/

garciasanchezdani · #20 (**permalink**) 22/05/2012, 14:16

Te pido disculpas por todo kseso?
Saludos, Daniel

KLAYMAN · #21 (**permalink**) 22/05/2012, 14:47

Yo sinceramente después de ver como trata kseso? al personal, no entiendo como no sido ya expulsado del Foro.

Tiene una prepotencia que no es normal y contesta de muy malas formas.

Y para muestra otro Post en el participé donde demuestra esas subidas de tono que no vienen a cuento:
http://www.forosdelweb.com/f53/algui...-float-966901/

kseso? te faltan modales y si no quieres ayudar de buenas maneras a usuarios que pueden estar equivocados o que simplemente están comenzando en algún tema, casi que mejor ni contestes.

De todas formas, "dime de que presumes y te diré de que careces". Desde luego no es de personas inteligentes el darselas de superior y tratar al personal como basura.
Habría que ver lo que habrás conseguido en la vida para tener esa chulería... pero eso es otra cuestión.

ArturoGallegos · #22 (**permalink**) 22/05/2012, 18:40

Cita:

Iniciado por kseso?

@Ag666:
Con la modificación a la regla (quitar el # de .eot#) que sugiere va a provocar posíblemente que ie9 deje de mostrar la tipografía:
http://www.forosdelweb.com/f53/font-...eccion-882810/

Ahora si me va disculpar @kseso?, como le sugeri al compañero @garciasanchezdani yo he realizado una prueba del codigo expuesto antes de comentar y si lo he publicado asi es porque funciona.

Me parece muy valida su anotacion y tomare el tiempo pertinente en analizar las circunstancias que conllevan a tal problema, de momento le afirmo y confirmo que con el codigo que he expueto funciona perfectamente.

Aqui le dejo un link donde puede verlo en practica, yo lo he revisado en varias PC y se ve bien.
http://ag-freelance.com/Demos/font-face/

Cita:

Iniciado por kseso?

@Ag666:
Lo dije y lo mantengo.
Es una "Torpeza notable en comprender las cosas" el afirmar lo que se afirmó y acto seguido colocar otro enlace cuyo título es "Fuentes con calidad en IE7 e IE8 usando font-face y jQuery" donde su primer párrafo introductorio al tema dice:

Así que sí, estamos ante quien tiene "Torpeza notable en comprender las cosas", "que carece de toda instrucción" y anda "Falto o escaso de entendimiento".

¿Suena mejor así?
Pues que quede así.

En mi pueblo dicen "NO hagas lo que NO quieres que te hagan", recuerde que el castellano difiere su significado por el lexico y regionalismo de cada lugar, lo que para usted es un simple comentario para otros es una mentada de madre.

Recuerde que todos estamos aprendiendo y siempre hay una manera de indicar los errores sin ofender... que el usuario lo ha tomado mal Ok tratemos de evitar la pelea en lo posible.

kseso? · #23 (**permalink**) 23/05/2012, 07:39

@garciasanchezdani
Ok
Vamos a dejarlo estar. Posiblemente ambos deberíamos haber pensado algo más y escrito algo menos.
Y para que pueda contrastar la info de según qué páginas sobre soporte a css: http://www.browsersupport.net/

@Ag666
Gracias por la información.
Por eso utilizaba la expresión "posíblemente". No he seguido la evolución de ese bug desde mi anotación en el tema que enlacé.

Y al paraca del tema, tome nota de mi total indiferencia a sus palabras y a sus acciones en este tema.

zkizzik · #24 (**permalink**) 12/09/2012, 10:19

Aver... Internet explorer desde el 8 hacia abajo NO soporta font-face, entonces porque si se pueden utilizar? porque es una version propia no la estandarizada en CSS3 desde W3C.

font-face de internet explorer 4...8 solo incluye fuentes propias no estandarizadas EOT y solo acepta la propiedad "url" y no "type" ya que no soporta ningún otro formato.
(lease http://webfonts.info/browser-support-overview ).

El estandard font-face contiene la propiedad url() la cual indica la url de la fuente y type() la cual indica el tipo de fuente a utilizar... ahora, según la W3C no existe el estandard EOT, solo ttf, woff, svg, etc etc.

Actualmente Internet Explorer 9 y 10 soportan el estandard font-face pero aun no se pueden utilizar todos los tipos estandarizados como por ejemplo un miserable ttf.

Actualmente todos los exploradores conocidos y por conocer a exepción de internet explorer soportan este estandard.

La solucion dada mas arriba de insertar un EOT juntamente con los ttf y svg en un solo font-face funciona hasta en internet explorer 8, en internet explorer 9 y 10 no funcionan, en firefox, chrome, etc si anda de lujo... cual es el problema? que ie9 y 10 al intentar cargar los ttf que están debajo de la linea del EOT causa que retorne un error de estilo y no cargue ninguna fuente, lo mismo sucede con todos los demás exploradores si pones el EOT al final debajo del ttf y las demás fuentes.

Entonces cual es la solución definitiva? utilizar una condicional donde todos los exploradores carguen la hoja de estilo con el EOT al inicio y los ttf al final y otro para internet explorer 9 y 10 con el EOT solamente, o si no hacer una hoja de estilo con EOT solo para internet explorer y otro con todas las demas fuentes para el resto.

Antes de seguir agarrandose a puteadas podrian haber consultado primero el estandard W3C y el pseudoestandard de Internet Explorer según el MSDN de Microsoft.

Recuerden... (W3C != MSDN)

Saludos.

vampirak · #25 (**permalink**) 14/09/2012, 11:52

Cita:

Iniciado por kseso?

Segun mi experiencia, en mi maquina, al hacer los cambios de explorer como se ve en la imagen anterior, todo se ve genial, pero a la hora de cambiarme a la maquina que realmente tiene instalado ie8 no capta font face, que por cierto es la razón por la que di a dar aqui, entonces... alguien sabe como solucionarlo??

yo tambien e leido lo de k desde 1997 y k desde el ie4... pero eso no soluciona el problema que tengo enfrente :D

zkizzik · #26 (**permalink**) 28/01/2013, 06:43

El problema vampirak es que la fuente french la tienes instalada en tu pc y por eso la toma super bien, eso funciona en cualquier explorador, pero muy diferente es que la fuente se vea en todas las pc porque no todos lo tienen instalado, por eso este post está relacionado en como integrar el archivo de la fuente de texto en la hoja de estilo para que todos los demás puedan hacer uso de ella y es ahi cuando los exploradores nunca llegan a un concenso, hay que prenderle velitas a internet explorer para que funcione bien.

Por lo menos en mi trabajo ya se decidió dejar de dar soporte para internet explorer y todos los trabajos que desarrollamos lo hacemos testeando en chrome, firefox y safari, si funcionan bien ahi es porque quedó bien :) , las estadisticas mundiales ya apuntan a que la gente está dejando de usar ie por chrome , aparte de ser poco estandarizado y de quitar tiempo en desarrollo y dinero por horas de trabajo perdidos.

Tedel · #27 (**permalink**) 30/01/2013, 11:37

¡Qué hilo más divertido!

1. @font-face sí funciona en IE, desde la versión 4
2. no funciona con fuentes normales hasta la versión 9. Para las anteriores debe usarse embedded open type, EOT
3. Como sugirieron, usa Font Squirrel para que te solucione la vida y ya no te compliques.

Me han hecho reír, gracias.

panxox · #28 (**permalink**) 08/08/2013, 10:17

Tambien IE da problemas con ciertas fuentes. Probe utilizando una eot, que si me funciona, y de la misma forma agrego otra eot que no me funciona. IE siempre ha sido un problema :/

seozeta · #29 (**permalink**) 08/08/2013, 17:35

Pues estoy detectando problemas en el renderizado de las fuentes en IE8 cuando se usa la propiedad content:"". Algunas veces carga bien y otras mal, a base de darle al F5.

¿Tengo algo mal?

Código CSS:

Ver original@charset "utf-8";
 
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=3.2.1');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

PD: Es llamativo que quién abrió el hilo es una chica que se llama zetaweb, pues nos parecemos en el alias y tenemos dudas similares. Nada que ver, hehhe.