Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/09/2012, 09:28
Avatar de Adbane
Adbane
 
Fecha de Ingreso: junio-2011
Mensajes: 86
Antigüedad: 12 años, 10 meses
Puntos: 6
Respuesta: Insertar fuentes para .IE no me funciona

En el head del HTML, inserta este código, importante también con los comentarios:

Código HTML:
Ver original
  1. <!--[if IE]>
  2.     <style type="text/css" media="screen">  
  3.         @font-face {  
  4.         font-family:'Klavika-Bold';  
  5.         src: url('font-face/klavika-bold-webfont.eot');  
  6.         }
  7.     </style>  
  8. <![endif]-->

<!--[if IE]--> detecta si se trata de Internet Explorer y ejecutará ese CSS. En la url he quitado los puntos suspensivos, porque tratandose del HTML, imagino que lo tendrás ubicado una carpeta atrás. Y si no voy mal encaminado... .eot es el formato para IE, así que por tu CSS deduzco que ya lo tienes, así que deberá funcionarte. O al menos eso espero xD

Importante que incluyan los comentarios if IE y endif

Y para el CSS, borra la linea del formato .eot y añade esta:

Código CSS:
Ver original
  1. src: url('../font-face/klavika-bold-webfont.eot?#iefix') format('embedded-opentype');

Esto último no estoy seguro, yo es que en mi página web por un lado utilizo el if IE, y por otro lado tengo una fuente en formato .eot, .woff, .ttf y .svg.

Con el mismo código en el HTML, añado en el CSS:

Código CSS:
Ver original
  1. @font-face {
  2.     font-family: 'AgencyFB';
  3.     src: url('font-face/AGENCYR.eot');
  4.     src: url('font-face/AGENCYR.eot?#iefix') format('embedded-opentype'),
  5.          url('font-face/AGENCYR.woff') format('woff'),
  6.          url('font-face/AGENCYR.ttf') format('truetype'),
  7.          url('font-face/AGENCYR.svg#AgencyFBRegular') format('svg');
  8. }

Y me va de las mil maravillas en todos los navegadores, incluso en teléfonos móviles xD Por otro lado, para conseguir todos los formatos de una fuente, recuerdo que lo hice a través de una página web que te creaba los formatos a partir del archivo .ttf, el problema es que no recuerdo dónde lo hice, sorry, pero si vas a googlear, buscalo en inglés xD

Ya me dirás como te a ido :)

EDIT: No logro recordar el sitio, mi historial tampoco xD Pero algo puedo asegurar, es que el lugar que me creó las fuentes, te genera también el font-face con todos los formatos.
__________________
Diseñador web por amor al arte, o al HTML mejor dicho

Última edición por Adbane; 04/09/2012 a las 09:39