google api font !

samedi 22 mai 2010 | graphisme

Basé sur @font-face, Google débarque dans le monde de la typo avec une liste de fontes à mettre en lien via sa feuille de style. On code donc ainsi (exemple en html 5).

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <h1>Making the Web Beautiful!</h1>
  </body>
</html>

Au passage <link finit par > et pas /> en restant valide w3c (les deux passent) !
La liste des polices est là : http://code.google.com/webfonts
la documentation : http://code.google.com/intl/fr/apis/webfonts/


tags : , , ,

Comments are closed.