Foros del Web » Creando para Internet » CSS »

font-face css

Estas en el tema de font-face css en el foro de CSS en Foros del Web. Hola amigos vereís tengo una pequeña duda pero que me esta complicando bastante la vida... Tengo esta web gestiondeobras.cat , en ella los estilos parten ...
  #1 (permalink)  
Antiguo 18/07/2011, 01:57
Avatar de orchating  
Fecha de Ingreso: marzo-2009
Ubicación: Madrid
Mensajes: 92
Antigüedad: 8 años, 1 mes
Puntos: 0
font-face css

Hola amigos vereís tengo una pequeña duda pero que me esta complicando bastante la vida...

Tengo esta web gestiondeobras.cat , en ella los estilos parten desde el firefox, el problema viene con la fuente, que necesito 4 tipos de fuentes, ok las instalo codigo:

Código:
@font-face { font-family: "Swis721"; src:url(fonts/Swiss721.woff) format("woff");}
@font-face { font-family: "Swis722"; src:url(fonts/Swiss722.woff) format("woff");}
@font-face { font-family: "Swis723"; src:url(fonts/Swiss723.woff) format("woff");}
@font-face { font-family: "Swis724"; src:url(fonts/Swiss724.woff) format("woff");}
hasta aqui ningún problema, el tema que si la veo en explorer 7 u 8, no se ve la fuente que esta puesta y se descoloca evidentemente, pero en el explorer 9 se ve le lujo, es mas yo creo que es el navegador que mejor se ve, y si os fijais en los enlaces del pie de la página, en cada navegador se ve de una manera distinta en cada uno y es la primera vez que me pasa en mi vida... nose que hacer.

La solución yo creo que es poner las fuentes en el css en varios formatos e probado en ."otf" y ".ttf", pero nada no se que hacer.......... es posible poner todos los formatos a la vez o no?

Muchas gracias y espero una pequeña luz al final del tunel jejeje.

PD: he subido la web a http://browsershots.org, para ver los resultados, podeis verlos aqui: http://browsershots.org/http://gestiondeobras.cat/

Última edición por orchating; 18/07/2011 a las 02:20 Razón: actualizacion
  #2 (permalink)  
Antiguo 19/07/2011, 09:17
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.722
Antigüedad: 6 años, 4 meses
Puntos: 440
Respuesta: font-face css

Eso es simplemente porque IE 9 acepta WOFF, pero las versiones anteriores no. Para las anteriores necesitas incrustar la fuente en formato EOT.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #3 (permalink)  
Antiguo 19/07/2011, 09:19
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.722
Antigüedad: 6 años, 4 meses
Puntos: 440
Respuesta: font-face css

Otra cosa: necesitas comprobar también en Opera, Safari y Chrome.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #4 (permalink)  
Antiguo 19/07/2011, 10:58
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 9 años, 10 meses
Puntos: 1567
Respuesta: font-face css

Te recomiendo que te bajes cualquier kit prefabricado desde
http://www.fontsquirrel.com/

descomprimilo y ejecutalo en tu PC con los distintos browsers, revisa como funciona
Después si queres creas tu propio kit en
http://www.fontsquirrel.com/fontface/generator

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 20/07/2011, 08:40
Avatar de Silkon  
Fecha de Ingreso: mayo-2011
Ubicación: Lugo
Mensajes: 201
Antigüedad: 6 años
Puntos: 20
Respuesta: font-face css

Compartir es bueno

Por eso te dejo aquí una forma sencilla de ponerlo para los 5 navegadores mas usados hoy en día.


Código PHP:
@font-face
    
{
        
font-family"BankGothic Md BT";
        
         
/* Para Internet Explorer */
        
srcurl('fuente/bgothm.eot');
 
         
/*  Para el resto de navegadores */
        
srclocal('BankGothic Md BT'),
         
url('fuente/bgothm.ttf'format('truetype');
    } 
Va pegado directamente de mi web, cambia la fuente y listo.

Lo comprobé y me funciona en todos, saludos.

Etiquetas: font, font-face, otf, ttf, woff
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 00:50.