20 mai

Astuce: Utiliser une police particulière avec Google Font AP

Publié par Gui dans CSS

Voici une nouveauté très intéressante de la part de nos amis de chez Mountain View: Google Font API ou comment intégrer une police non standard en 20 secondes chrono !

Rien de plus simple, il suffit d’inclure un css depuis le serveur de Google et de styliser son texte.

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
    <style>
      body {
        font-family: 'Lobster', serif;
        font-size: 50px;
      }
    </style>
  </head>
  <body>
    <h1>Google embellit le web !</h1>
  </body>
</html>

Il faut donc utiliser le catalogue de Fonts de Google (économie de bande passante au passage), peu fourni pour l’instant mais qui ne tardera pas à s’enrichir par la suite, soyons sûrs !

Plus d’infos ici: Google Font API, mode d’emploi

http://code.google.com/intl/fr/apis/webfonts/docs/getting_started.html