Comunidad de diseño web y desarrollo en internet online

problemas con @font-face

Citar            
MensajeEscrito el 15 Mar 2012 04:55 pm
Hola alguien me podria ayudar.. por que no puedo cargar fuentes personalizables en IE aunque ya comverti el .ttf a .eot, entodos los demas navegadores funciona, menos en IE7, IE8 e IE9.

Ninguno funciona que esta mal, los archivos de fuente estan todos en la misma carpeta pero aun asi no funcionan, el codigo es el siguiente:

Código :

if del php
<style>
      @font-face { 
         font-family: nbold;
         src: url('<?php echo bloginfo(); ?>/paginas/fonts/nbold.eot');
      }
      @font-face {
         font-family: nbook; 
         <?php if($so=="mac"){?>            
            src: url('<?php echo bloginfo(); ?>/paginas/fonts/nlight.eot');
         <?php }else{?>
            src: url('<?php echo bloginfo(); ?>/paginas/fonts/nbook.eot');
         <?php }?>
         
      }
      @font-face { 
         font-family: ndemi;
         src: url('<?php echo bloginfo(); ?>/paginas/fonts/ndemi.eot');
      }
      @font-face { 
         font-family: nbookitalic;
         src: url('<?php echo bloginfo(); ?>/paginas/fonts/nbookitalic.eot');
      }
      
      <?php }else{?>
      
      @font-face {
         font-family: nbold;
         src: url('<?php echo bloginfo(); ?>/paginas/fonts/nbold.ttf');
      }
      @font-face {
         font-family: nbook; 
         <?php if($so=="mac"){?>            
            src: url('<?php echo bloginfo(); ?>/paginas/fonts/nlight.ttf');
         <?php }else{?>
            src: url('<?php echo bloginfo(); ?>/paginas/fonts/nbook.ttf');
         <?php }?>
      }
      @font-face {
         font-family: ndemi;
         src: url('<?php echo bloginfo(); ?>/paginas/fonts/ndemi.ttf');
      }
      @font-face {
         font-family: nbookitalic;
         src: url('<?php echo bloginfo(); ?>/paginas/fonts/nbookitalic.ttf');
      }
      <?php }?>
      *{
         font-family:Arial, Helvetica, sans-serif;
         font-family:nbold;
      }
   </style>  

Por rod00x3

Claber

595 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 15 Mar 2012 05:02 pm
Perdon, no agan tanto caso a la parte de php, eso lo coloque pensando que afectaba que estubiera todo el codigo sin condicionales al navegador.

Por rod00x3

Claber

595 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 16 Mar 2012 03:30 am
esto yo lo utilizo y me funciona a la perfeccion en cualkier explorardor

Código HTML :

@font-face {
    font-family: 'JournalRegular';
    src: url('css/journal-webfont.eot?') format('eot'),
         url('css/journal-webfont.woff') format('woff'),
         url('css/journal-webfont.ttf') format('truetype'),
         url('css/journal-webfont.svg#webfontGhV9TBys') format('svg');
    font-weight: normal;
    font-style: normal;
}

son todos lo formatos de fuente que cargo de una sola fuente

Por tjmysteri

Claber

138 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Mar 2012 01:02 pm
Por alguna extraña razón que todavía no entiendo, hay fuentes que convertidas a EOT siguen sin ser reconocidas por IE. Mientras que el resto de los navegadores no tienen problemas con fuentes OTF o TTF.

La mejor solución que encontré para IE es Cufón el cual cargo con los comentarios condicionales de IE.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 16 Mar 2012 04:34 pm
No es necesario que utilices rutas absolutas para cargar las fuentes, usa rutas relativas del mismo modo que siempre. Wordpress las encontrará sin problemas.
Por lo general, cuando uso @font-face utilizo el generador de Font Squirrel (http://www.fontsquirrel.com/fontface/generator), que incluye un css con el @font-face y nunca he tenido problemas con su uso en ningún navegador. Dale un vistazo si te parece, DriverOp

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 16 Mar 2012 06:11 pm
The Fricky!:
Conozco Font Squirrel pero ese no es el problema, el problema es el archivo EOT que se genera, a IE simplemente no le gusta. Aclaro que no ocurre con todas las fuentes, solo algunas.

Y por si fuera poco, la versión 12.00 de Opera Next interpreta mal cualquier fuente que no sea TTF. Espero que para la versión final lo corrijan.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 16 Mar 2012 06:50 pm
Bueno, esos problemas en las versiones en desarrollo afortunadamente suelen resolverse al final. En cualquier caso, quizá pueda servirte este artículo de Six Revisions que leí hace tiempo: How to Bulletproof @font-face Web Fonts

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.