Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/09/2011, 08:34
Avatar de KoswiDigital
KoswiDigital
 
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años, 7 meses
Puntos: 37
Respuesta: Problema con la visualizacion de una tipografía determinada

Hola.

Para garantizar una máxima compatibilidad con todos los navegadores, tendrás que tener la misma fuente en 4 archivos diferentes y el navegador se encargará de utilizar la que le sea compatible.

Código CSS:
Ver original
  1. @font-face
  2. {
  3.     font-family: 'DejaVuSansBook';
  4.     src: url('/_styles/fuentes/DejaVuSans-webfont.eot');
  5.     src: url('/_styles/fuentes/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
  6.              url('/_styles/fuentes/DejaVuSans-webfont.woff') format('woff'),
  7.              url('/_styles/fuentes/DejaVuSans-webfont.ttf') format('truetype'),
  8.              url('/_styles/fuentes/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
  9.     font-weight: normal;
  10.     font-style: normal;
  11. }

Hay una aplicación muy útil en www.fontsquirrel.com (@font-face generator). Cargas tu fuente y te devuelve la misma fuente en los 4 formatos y un css para hacer copy&paste.

Échale un vistazo y nos cuentas.


Un saludo.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.