Css3 - @font-face


Kezako :

Cette propriété du Css3 est une avancée majeure dans la conception d'un site web. En effet, vous pouvez dorénavant utiliser n'importe quelles polices de caractères sur vos pages web.

Une font utilisée sur Webinnov.fr :

My Underwood Regular

Nom de la police : My Underwood
Taille du fichier : 46 ko
Version : version 1.0
abcdefghyjklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPKRSTUVWXYZ 123456789.:,;(?')

Pour quels navigateurs :

Tous les navigateurs connaissent @font-face. Cependant, tous n’utilisent pas le même format de police.

.ttf (TrueType Fonts) pour Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0+
.eot fonts pour Internet Explorer 4+
.woff fonts pour Firefox 3.6+, Internet Explorer 9+, Chrome 5+
.svg fonts pour iPad and iPhone
Code :
@font-face{
     font-family: 'nomFont';
     src: url('fonts/maFont.ttf');
     font-weight: normal;
}
Code pour compatibilité avec tous les navigateurs :
@font-face{
     font-family: 'nomFont';
      src: url('fonts/maFont.eot');
      src: url('fonts/maFont.eot?#iefix') format('embedded-opentype'),
          url('fonts/maFont.woff'),
          url('fonts/maFont.ttf'),
          url('fonts/maFont.svg');
      font-weight: normal;
      font-style: normal;
}
PubliÉ le 11 novembre 2011 (rev_10-2019)
Categorie : @font-face
Source (Images) : softicons
Source (font) : fontsquirrel