Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de CONSULTA: @font-face --> ¿lo ves? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/09/2009, 18:17
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
CONSULTA: @font-face --> ¿lo ves?

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 20/09/2009 a las 11:18
  #2 (permalink)  
Antiguo 17/09/2009, 18:26
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: CONSULTA: @font-face --> ¿lo ves?

Espacio reservado para incluir los navegadore/versiones/SO de las pruebas.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 17/09/2009, 18:36
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: CONSULTA: @font-face --> ¿lo ves?

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
  #4 (permalink)  
Antiguo 17/09/2009, 18:53
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: CONSULTA: @font-face --> ¿lo ves?

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 17/09/2009, 18:55
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: CONSULTA: @font-face --> ¿lo ves?

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 se ven las fuentes

En Chrome 2.0.180 se ven las fuentes

En Safari 4 -Windows- se ven las fuentes

Bye
  #6 (permalink)  
Antiguo 17/09/2009, 21:37
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: CONSULTA: @font-face --> ¿lo ves?

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.
__________________
- León, Guanajuato
- GV-Foto
  #7 (permalink)  
Antiguo 18/09/2009, 01:10
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: CONSULTA: @font-face --> ¿lo ves?

En konqueror Linux-Fedora se ven
En Firefox 2 Linux-Fedora 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.
  #8 (permalink)  
Antiguo 18/09/2009, 02:12
Avatar de Julcar  
Fecha de Ingreso: noviembre-2007
Ubicación: C:\inetpub\wwwroot\Guayaquil
Mensajes: 1.500
Antigüedad: 10 años
Puntos: 53
Respuesta: CONSULTA: @font-face --> ¿lo ves?

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.
__________________
Linux no es el único S.O. libre, conoce a ReactOS el Windows Libre!
"Si mis respuestas te dan la calma, espárceme un poco de karma"
  #9 (permalink)  
Antiguo 18/09/2009, 06:15
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: CONSULTA: @font-face --> ¿lo ves?

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #10 (permalink)  
Antiguo 18/09/2009, 09:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: CONSULTA: @font-face --> ¿lo ves?

Supongo que sí: ya sabes que mucha mucha gente lo pide.
  #11 (permalink)  
Antiguo 18/09/2009, 12:08
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: CONSULTA: @font-face --> ¿lo ves?

windows vista...
IE7, IE8 y FF3... correcto!!!
Opera y crhome nop :S en la segunda fuente... ya que la papyrus su la tengo... chao!...
  #12 (permalink)  
Antiguo 18/09/2009, 14:06
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: CONSULTA: @font-face --> ¿lo ves?



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
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #13 (permalink)  
Antiguo 20/09/2009, 05:15
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: CONSULTA: @font-face --> ¿lo ves?

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.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:59.