Skip to main content

Visit Mozilla.org

CSS:@font-face

Un article de MDC.

« Référence CSS

[modifier] Résumé

@font-face est une @règle qui permet de spécifier une police de caractères à télécharger, afin d'afficher la page telle que souhaitée par l'auteur. Mozilla n'a pas encore implémenté cette régle.

[modifier] Syntaxe 

@font-face {
  font-family: <nom-de-police-distante>;
  src: <uri>;
}

[modifier] Valeurs

<nom-de-police-distante> 
spécifie le nom d'une police de caractères qui sera utilisée comme une valeur font-face pour les propriétés des polices.
<uri> 
URL du fichier de police de caractères.

[modifier] Exemples

Voir des exemples en ligne (en) 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<
  <head>
    <title>Test dynamique d'une police</title>
    <style type="text/css" media="screen, print">
      @font-face {
        font-family: "Moz Serif";
        src: url("http://mytestsite.example.com/fonts/moz_serif_font_file.ext")
      }
      body { font-family: "Moz Serif", serif }
    </style>
  </head>
  <body>
    <Test d'une police</h1>
    <p>
        Ceci est une page de test pour la règle CSS 2 @font-face.
        Ce texte doit s'afficher avec la police "Moz Serif".
    </p>
  </body>
</html>

[modifier] Notes

Le suivi de la demande d'implémentation de la règle @font-face dans Mozilla peut être consulté à bug 70132.

[modifier] Spécifications

[modifier] Compatibilité des navigateur

Navigateur Version minimale
Internet Explorer ?
Firefox ?
Netscape ?
Opera ?
Webkit ?

[modifier] Voir également

font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight

Récupérée de « http://developer.mozilla.org/fr/docs/CSS:%40font-face »