Embedded fonts (polices embarquées)

[Sephi-Chan]

Et bien, tu peux utiliser plusieurs solutions complémentaires, en utilisant Javascript et/ou les commentaires conditionnels pour fournir aux navigateurs qui le supportent la version font-face, et pour les autres

Coup de bol, il existe une fabuleuse librairie, Modernizr, qui prend en charge ce genre de détection.

L'exemple, issu de la documentation, pour le support de @font-face :

@font-face {

   font-family: MyWebLicensedFont;

   src: url(/fonts/my_web_licensed_font.eot);

   src: local('My Web Font'), 

          url(/fonts/my_web_licensed_font.ttf) format("truetype");

}



.fontface #heading h1 {

   font: 16px/24px MyWebLicensedFont, Helvetica, sans-serif;

}

.no-fontface #heading h1 {/*

   Specify a background image as a fallback or prepare rules for sIFR/Cufon.

*/}

// The function you pass Modernizr._fontfaceready() that will execute after

//   the fontfaceCheckDelay has elapsed.

// The function will be passed the boolean value of Modernizr.fontface

Modernizr._fontfaceready(function(bool){

  

  // if @font-face isn't supported, you may want to employ Cufón

  if (!bool) getScript('cufon.withfont.min.js',function(){

    Cufon.now();

  });

});

Sephi-Chan