Ver Mensaje Individual
  #4 (permalink)  
Antiguo 13/05/2011, 08:33
Avatar de KoswiDigital
KoswiDigital
 
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años
Puntos: 37
Respuesta: ¿Cambiar tipo de letra en las hojas de estilo?

Sí, lo solucionaría a grandes rasgos, ya que es la mejor manera de implementar fuentes no estándares y compatible con todos los navegadores.

Para hacer unas pruebas, te recomiendo http://www.fontsquirrel.com. Ahí podrás encontrar "@font-face kits" para muchos tipos de letra con licencias para uso comercial. Además, hay una utilidad para generar estos kits (@font-face generator), en la que tú añades tu fuente y el programa te devuelve el kit ya preparado y con el css, el cual sólo tendrás que implementar en tu hoja de estilos.

Creo que esa es la mejor manera de entender el funcionamiento de @font-face. Un ejemplo de uso:

Código CSS:
Ver original
  1. @font-face /* #logo */
  2. {
  3.     font-family: 'LaconicLight';
  4.     src: url('fuentes/Laconic_Light-webfont.eot');
  5.     src: url('fuentes/Laconic_Light-webfont.eot?iefix') format('eot'),
  6.              url('fuentes/Laconic_Light-webfont.woff') format('woff'),
  7.              url('fuentes/Laconic_Light-webfont.ttf') format('truetype'),
  8.              url('fuentes/Laconic_Light-webfont.svg#LaconicLight') format('svg');
  9.     font-weight: normal;
  10.     font-style: normal;
  11. }
  12.  
  13. #logo
  14.     {
  15.         font: 1.2em 'LaconicLight', Arial, sans-serif;
  16.     }

En ese ejemplo tenemos 4 archivos con la fuente para evitar problemas de compatibilidad entre navegadores. Podrías utilizar sólo uno, pero la utilidad de fontsquirrel.com te genera los 4 y por eso es muy útil.

Échale un vistazo, en caso de duda aquí estamos.


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