Discussion :

[SpaceFrog]

On m'a récemment fait découvrir
http://code.google.com/intl/fr/apis/...g_started.html

que je trouve très intéressant, mais je me pose la question sur la possibilité fournir à google une traçabilité, des statistiques utilisables etc ...

Quelle alternative existe-t-il à ce jour au niveau des font distantes ?

Merci par avances de vos lumières

[devyan]

Salut,

Heu... le faire toi-même

Code code de la css du LINK :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
@font-face {
  font-family: 'Font Name';
  font-style: normal;
  font-weight: normal;
  src: local('Font Name'), url('http://chemin/vers/le/fichier/ttf/libre/de/droits/mafont.ttf') format('truetype');
}

Si demain Google décide de ne plus mettre à disposition la police "Trucmuche" tu perds ta présentation.
Oui cela doit probablement leur permettre de faire des statistiques puisque les fichiers CSS et TTF sont chargés sur leurs serveurs

Sinon, cela me rappelle une "vieille" solution spécifique IE (eot) étrangement similaire qui avait eu un équivalent Netscape (qui lui a complètement disparu)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
@font-face {
    font-family: "Font Name";
    src: url('http://chemin/vers/le/fichier/ttf/libre/de/droits/mafont.eot');
  }

Cette solution nécessite une transformation du fichier TTF d'origine mais permet une "protection" de la police utilisée car le fichier EOT contient la liste des domaines sur lesquels elle peut être utilisée.
Un autre inconvénient est que le rendu est réalisé par un plugin (qui semble déjà présent sur Vista).

devyan

[SpaceFrog]

ta première solution est crossbrowser ?

[devyan]

Je viens de faire la même manipulation avec IE7 qu'avec FF3, c'est à dire coller directement :
http://fonts.googleapis.com/css?family=Tangerine et regarder le contenu
puis coller :
http://themes.googleusercontent.com/...hcBZZjpP8hftNA et regarder le contenu.

Résultat sous FF, j'obtiens le code du premier exemple...
Résultat sous IE, j'obtiens le code de mon second exemple

Conclusion, Google utilise le bon vieux système avec différenciation IE/FF



devyan

P.S. : pour faire des EOT, il faut un utilitaire téléchargeable sur le site Microsoft.

P.S. (bis) : il me semblait que cette possibilité de personnalisation en CSS avait été retirée de CSS2.1 (et donc que certaines versions des navigateurs ne la gèrent pas/plus)
Ceci dit c'est réintroduit en CSS3