Foros del Web » Creando para Internet » CSS »

Diferentes fuentes dependiedo del navegador

Estas en el tema de Diferentes fuentes dependiedo del navegador en el foro de CSS en Foros del Web. Buenas Tengo una web con estilo en CSS, tengo definida una fuente por defecto, pero tengo el problema que si abro la web en Safari, ...
  #1 (permalink)  
Antiguo 16/01/2014, 17:34
 
Fecha de Ingreso: junio-2008
Mensajes: 25
Antigüedad: 15 años, 11 meses
Puntos: 0
Diferentes fuentes dependiedo del navegador

Buenas

Tengo una web con estilo en CSS, tengo definida una fuente por defecto, pero tengo el problema que si abro la web en Safari, Crome y firefox veo correctamente la fuente, pero si la abro en Internet Explorer no me muestra el tipo de fuente. Este es el código que tengo en mi CSS, espero vuestra ayuda...

GRACIAS de antemano
Código CSS:
Ver original
  1. @font-face {
  2.     font-family: "Futura Book BT";
  3.     src: url(css/futuran.ttf) format("truetype");
  4. }
  5.  
  6. body {
  7.     margin: 0;
  8.     padding: 0;
  9.     color: #555;
  10.     font-family: "Futura Book BT", Verdana, Arial, Helvetica, sans-serif;
  11.     font-size: 11px;
  12.     line-height: 20px;
  13. }
  #2 (permalink)  
Antiguo 17/01/2014, 01:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Diferentes fuentes dependiedo del navegador

Necesitas diferentes formatos de la fuente. Usa el generador de FontSquirrel, que te genera todos los que hacen falta además del CSS necesario.
  #3 (permalink)  
Antiguo 17/01/2014, 06:00
 
Fecha de Ingreso: junio-2008
Mensajes: 25
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: Diferentes fuentes dependiedo del navegador

Hola de nuevo

He generado nuevos formatos pero sigue pasando lo mismo...

Código CSS:
Ver original
  1. @font-face {
  2.     font-family:"Futura Book BT";
  3.     src: url(css/futuran.eot);
  4.     src: url(css/futuran.eot) format("embedded-opentype");
  5.     src:  url(css/futuran.woff) format("woff");
  6.     src:   url(css/futuran.ttf) format("truetype");
  7.     src:  url(css/futuran.svg#FuturaBkBTBook) format("svg");
  8. }
  9.  
  10. body {
  11.     margin: 0;
  12.     padding: 0;
  13.     color: #555;
  14.     font-family: "Futura Book BT", Verdana, Arial, Helvetica, sans-serif;
  15.     font-size: 11px;
  16.     line-height: 20px;
  17.     background-color: #fff;
  18.     background-position: top;
  19.     background-repeat: repeat-x;
  20. }

Etiquetas: color, fuentes, navegador
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 10:47.