CONSULTA: @font-face --> ¿lo ves?

kseso? · #1 (**permalink**) 17/09/2009, 17:17

Edito:
mejor el tuto (mini) para que lo hagas tú.

Tenía cierta espinita clavada desde que me hice eco de la propiedad @font-face y para desesperación y desilusión general comprobamos que no funcionaba, principalmente la parte correspondiente a ie.

Pues me gustaría que me dijeseis si en la siguiente página que enlazo podéis ver el texto con la misma fuente que la imagen que está debajo.
http://css.devillasbuenas.es/-font_face/index.html

Agradecería comentéis el navegador/versión y sistema operativo con el que hacéis la prueba.
Lógicamente, lo siguiente será explicar aquí el cómo lograrlo. Especialmente el tema del archivo .eot para ie.

Por mi parte los resultados son:
Sí se ven las fuentes en Vista y

Cita:

Firefox 3.5.3
Internet explorer 7
Internet Explorer 6 (emulado en ietexter)
Safari 4.0
Opera 10

No se ven en vista y

Cita:

Opera 9.64

Así debería verse:

Gracias y un saludo

kseso? · #2 (**permalink**) 17/09/2009, 17:26

Espacio reservado para incluir los navegadore/versiones/SO de las pruebas.

deirdre · #3 (**permalink**) 17/09/2009, 17:36

Hola Kseso?

Veo perfectamente las dos fuentes en W-XP (también en Vista) con Opera 10. A destacar que la fuente Papyrus la tengo en el sistema pero la fuente Xirod no la tengo por lo que deduzco que el embebido
@font-face {
font-family: 'xirod';
src: url('xirod.ttf') format("truetype");
}
funciona correctamente en XP y Opera 10.

Sobre el antiguo sistema de fuentes eot para iexplorer (sólo para ie) recuerdo que Microsoft proporcionaba el programita y las instrucciones para convertir las fuentes a su sistema. De esto hace algo así como 8 o 10 años. Hace varios años hice experimentos y funcionaba perfectamente (sólo en sus browsers -ie6 en aquel entonces-). En alguna parte debo tener todo esto pero desde aquella fecha he cambiado de PC varias veces y ahora me sería difícil encontrarlo.

Bye

kseso? · #4 (**permalink**) 17/09/2009, 17:53

Gracias deirdre:
Como verás tanto en el código como en lo que digo, en este "juego" estoy utilizando el programa "Microsoft WEFT" para generar los .eot para que se vean las fuentes en ie.
Esa es la "gracia", porque la regla @font-face no tiene mayor secreto ni complicación. Y la limitación de usarla es que los ie no la interpretan.

Por eso mi idea de hacer un pequeño "cómo se hizo" el .eot para que aquellos que no lo han intentado antes se atrevan y se pueda ir rompiendo la "tiranía" de las "safety-fonts".

Un saludo y nuevamente las gracias.

A ver si los usuarios de mac, linux y otros sistemas/navegadores nos comentan

deirdre · #5 (**permalink**) 17/09/2009, 17:55

Complementando pruebas de browsers:

En Firefox 2 no se ven las fuentes

En Firefox 3.0.11 no se ven las fuentes

En Firefox 3.5.2 sí se ven las fuentes

En Chrome 2.0.180 sí se ven las fuentes

En Safari 4 -Windows- sí se ven las fuentes

Bye

Triby · #6 (**permalink**) 17/09/2009, 20:37

Sorry, Dn kseso?, por ahora tengo el disco de XP, el sabado cambio al de linux y te digo como se ve.

WinXP y Firefox 3.5.2 se ven las fuentes, pero la xirod se ve mucho mas grande que la imagen.

Mikmoro · #7 (**permalink**) 18/09/2009, 00:10

En konqueror Linux-Fedora sí se ven
En Firefox 2 Linux-Fedora sí se ven

En ambos casos, al igual que en Firefox 2 Win XP, la papyrus se ve como un 40% más pequeña que la imagen.

Julcar · #8 (**permalink**) 18/09/2009, 01:12

Windows XP sp3:

Internet Explorer 8, sí se ven.
Arora 0.8.0, sí se ven.

Como siempre la imagen de Xirod parece estar más pequeña que la leyenda escrita.

kseso? · #9 (**permalink**) 18/09/2009, 05:15

Gracias a todos.
Triby, sin prisas, no hay apuro.
La diferencia de tamaño es porque las fuentes están definidas en em.

Bien, creo que merecerá la pena ese pequeño manual para hacer los .eot y poder jugar y ampliar las safety f.

Un saludo

Mikmoro · #10 (**permalink**) 18/09/2009, 08:04

Supongo que sí: ya sabes que mucha mucha gente lo pide.

alexk · #11 (**permalink**) 18/09/2009, 11:08

windows vista...
IE7, IE8 y FF3... correcto!!!
Opera y crhome nop :S en la segunda fuente... ya que la papyrus su la tengo... chao!...

pao01 · #12 (**permalink**) 18/09/2009, 13:06

Así las veo yo en vista home con firefox 3.5.3 y explorer 7.0.6.
En explorer cambia un poco la fisonomía de la í acentuada.

No tengo más navegadores y el ie tester aún no lo he vuelto a instalar

jomaruro · #13 (**permalink**) 20/09/2009, 04:15

Hola:

Win-XP SP3 + FF 3.0.14 => No veo ninguna de las dos.
Win-XP SP3 + IE7 =====> No veo ninguna de las dos.

Vista + FF 3.5 ========> Veo las dos.
Vista + IE 7 =========> Veo las dos.

Saludos.