Google Fonts API, vous allez aimer ça !
Google à récemment fait une annonce intéressante. Celle-ci concerne la Google Fonts API. Une API permettant d’utiliser d’innombrables polices de caractères stockées sur le serveur de Google. Grâce à celle-ci les webmasters ont maintenant accès à une base (tableau/array) de milliers de polices funky.
Il faudra maximum une vingtaine de secondes à un webmaster pour intégrer une police de caractère Google à son site. C’est aussi simple que de cuir un oeuf. Grâce à plusieurs opérations « cachées » ces polices seront également compatibles avec IE 6. De nombreuses capacités qui ont de quoi donner envie aux plus grands sites de polices gratuites, surtout que le catalogue de polices sera amené à évoluer au fil des années.
Installation simple et rapide de Google Fonts API sur votre site
Pour tirer profit de l’API Google Fonts, vous devez simplement ajouter une balise link à votre site vers la police de carctère choisie, et faire référence à quelques paramètres CSS. C’est tot ! Par exemple :
< !DOCTYPE html><html lang= »en »>
<head>
<meta charset= »utf-8 »>
<title>untitled</title>
<link href=’http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz’ rel=’stylesheet’ type=’text/css’>
<style>
body { font-family: ‘Yanone Kaffeesatz’, serif; font-size: 100px; }
</style>
</link></meta></head>
<body>
Hello World
</body>
</html>
A propos de l'auteur
Retrouvez le sur Twitter
juin 4th, 2010 at 12:27
Merci,
J’avais déjà vu l’info mais je me suis demandé l’impact au niveau performance, et temps de téléchargement.
D’un coté je suppose que ça devrais pas ralenti le crawl de google.
Merci pour l’info
juin 4th, 2010 at 12:44
yep, ça ne ralentira surement pas Google
& ça ne devrait pas ralentir ton site non plus.
D’une part Google tente globalement de toujours proposer l’information via le datacenter le plus proche de l’exécutant (ton serveur). Et d’autre part, t’as déjà vu Google ramer toi ?
juin 4th, 2010 at 13:30
J’ai souvent vu analytics avant qu’il sois en asynchrone énormément ralentir mon site.
D’ailleurs, même lui le disais, dans GWT, dans l’onglet perf, il me disais quelque chose du genre: « améliorez ce script ga.js…
.
juin 4th, 2010 at 13:54
oui non mais je parle de google en général,
analytics c’est du javascript, c’est pas pareil !
ici c’est du css !
mais sinon, en général ton analytics, place le en footer comme ça il te cassera plus la tête à charger avant le reste !
novembre 6th, 2010 at 14:36
Et bien merci, je testerais cette solution.
Auparavant j’avais fait une tentative avec une fonction appelée « @font-face » qui permettait d’appeler une police chargée sur le site, rendu impeccable pour tous les navigateurs… sauf que cela ne fonctionnait pas sous Chrome !
novembre 6th, 2010 at 14:52
Heu… une question subsidiaire par rapport à votre dernière réponse :
« mais sinon, en général ton analytics, place le en footer comme ça il te cassera plus la tête à charger avant le reste ! »
Personnellement c’est ce que j’ai fait, mais du coup les données enregistrées par Analytics sont-t-elles fiables ? Analytics à t-il le temps d’enregistrer le passage du visiteur ?
Je dis cela parce que quand je vois des résultats d’analyse où un visiteur parcours 4 pages ou plus, en ayant toutefois passé 0 secondes sur mon site… je me pose des questions.
Cette interrogation m’a poussé à faire des tests sous Google, du genre : « nom de mon site + 60s » (donc en restant 60 secondes sur une page de mon site via Google), et à vérifier le lendemain si mes mots clefs apparaissaient les résultats d’Analytics avec la bonne valeur de temps passé.
Résultat : il ne s’agit même plus de vérifier l’adéquation temps réel/temps enregistré : les visites par mots clefs tapés ne sont tout simplement pas tous apparus (voir même, ce jour là, aucun d’entre eux !), sinon les valeurs de temps restent très très approximatives à ce qu’il me semble.