Google Font API & Google Font Directory : attention à la police !

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par SpeedAirMan, 20 Mai 2010.

  1. SpeedAirMan
    SpeedAirMan WRInaute accro
    Inscrit:
    2 Juin 2007
    Messages:
    2 704
    J'aime reçus:
    0
    Hello tout le monde !

    Google a annoncé le lancement de Google Font Directory et de Google Font API.

    [​IMG]

    ça ne vous parle peut être pas, mais il vient directement concurrencer des services tels que Typekit (payant), un service permettant d'intégrer n'importe quel font / police dans une page web.

    [​IMG]

    Ce sera très très utile pour les web designers (notamment).


    Liens utiles :
    ... et devinez quoi ? C'est compatible avec Internet Explorer 6 !!! (si si, même que j'ai testé avec IETester)
    Je pensais que seuls les navigateurs récents (et décents) pouvant utiliser les propriétés de CSS3 pourraient afficher correctement les sites utilisant ce genre de technique, mais non, ça ne semble pas nécessaire.

    Au passage, je précise qu'il existe plusieurs techniques pour afficher des polices différentes des polices traditionnelles (Verdana, Arial, Georgia, Helvetica...). Google se base sur la technique la plus "accessible" et la plus compatible qui existe actuellement (à ma connaissance) : @font-face. Il n'est pas l'inventeur de cette technique / propriété, et n'offre, à travers ce service, que ses compétences dans l'hébergement (les fonts/polices sont hébergé(e)s dans le cloud, sorte de CDN : des serveurs très puissants pour simplifier) et dans la technique (il ne suffit que d'ajouter une ligne de code à sa page HTML).
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 800
    J'aime reçus:
    30
  3. seebz
    seebz WRInaute impliqué
    Inscrit:
    15 Avril 2007
    Messages:
    806
    J'aime reçus:
    0
    Merci pour l'info
     
  4. mipc
    mipc WRInaute accro
    Inscrit:
    11 Février 2009
    Messages:
    3 572
    J'aime reçus:
    0
    mouais bof y a pas d'anti-aliasing des caractères.
     
  5. marc.pastel.pro
    marc.pastel.pro Nouveau WRInaute
    Inscrit:
    17 Janvier 2010
    Messages:
    1
    J'aime reçus:
    0
    Bon début, mais il n'y a que 18 polices pour le moment !
     
  6. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    3 329
    J'aime reçus:
    0
    J'essaie de décortiquer les articles mais je ne comprends pas pourquoi ça marche avec IE avec un font-face alors qu'en l'utilisant directement sur le site ça ne marche pas. Quelqu'un a compris le truc ?
    Parce que perso j'ai plutôt tendance à utiliser des polices rares et je n'ai pas trop envie d'attendre que Google s'y intéresse.
     
  7. SpeedAirMan
    SpeedAirMan WRInaute accro
    Inscrit:
    2 Juin 2007
    Messages:
    2 704
    J'aime reçus:
    0
    Outil intéressant : Font previewer


    Pas trop compris ta question...


    La technique utilisée et proposée par Google Font existe depuis déjà qq temps (comme dit plus haut), ce n'est pas Google qui l'a inventée.
    Google propose là un outil, une architecture (ses serveurs), et une liste de polices open source.

    Maintenant tu peux tout aussi bien utiliser la même technique avec TES font/polices que tu pourras stocker sur tes serveurs. Mais :
    - tes serveurs ne sont peut être pas aussi puissants que ceux de Google
    - les polices ne seront pas mises en cache d'un site à l'autre

    En effet, si un site A utilise une police nommée "toto" et que cette police/font est téléchargée depuis les serveurs de Google, alors si un autre site B utilise la même police (toujours depuis Google), le fichier font n'aura pas à être rechargé.


    Pour ceux qui préfèrent Cufon (une autre méthode pour utiliser des polices/fonts exotiques), css-tricks.com vient de sortir un petit guide : Cufon 101 (ce n'est pas la même technique - je crois que Cufon est moins accessible, mais, je CROIS que les polices sont mieux lissées).
    Pour ceux qui s'intéresse à tout ça, il existe encore une autre méthode : sIFR.

    Edit: je viens de tomber là dessus : sIFR vs Cufon
    sIFR est probablement la technique qui donne les plus beaux résultats, mais côté lourdeur, compatibilité et accessibilité, c'est ce qu'il y'a de pire.
    Cufon me semble un bon compromis entre accessibilité et qualité.
    @Font-Face est, je crois, le plus accessible et le plus... "sémantique" (compatible avec les navigateurs sans forcément avoir besoin de JavaScript). Côté qualité par contre, les polices ne me semblent pas correctement lissées.
    (si qq un peut compléter ou rectifier mes dires, c'est le bienvenue :) )
     
  8. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 800
    J'aime reçus:
    30
  9. FranckFK
    FranckFK WRInaute occasionnel
    Inscrit:
    22 Février 2010
    Messages:
    370
    J'aime reçus:
    0
    certainement très bon système, seule chose à déplorer une fois de plus c'est que c'est GRATUIT et au détriment d'une société qui à développé une solution payante.

    Le monopole de google commence vraiment à être dangereux à tous les niveaux, il domine l'internet et engloutis tout ce qui le gène de plus en plus vite.
     
  10. SpeedAirMan
    SpeedAirMan WRInaute accro
    Inscrit:
    2 Juin 2007
    Messages:
    2 704
    J'aime reçus:
    0
    Hmm... pas d'accord avec FranckFK là.
    @font-face est une solution gratuite et open source.
    Pareil pour les autres solutions (je crois), à l'exception de sIFR qui base une partie de sa technologie sur Flash (non libre).

    Google propose gracieusement son architecture, et met à disposition des polices open source et gratuites.
    Je vois pas où est le mal...


    Si par "au détriment d'une société qui à développé une solution payante" tu parles des solutions proposées par Typekit par exemple, alors perso, je pense que la solution Google Font ne vient pas directement concurrencer (de front) Typekit.
    Typekit propose des polices payantes de qualité que ne propose pas Google.


    Je te suggère la lecture de : Google Font API & Interview (en anglais)


    Merci Spout pour les liens ;-)
     
  11. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 800
    J'aime reçus:
    30
    Pour avoir testé plusieurs @font-face kits, j'ai remarqué que certaines polices donnaient mieux dans Firefox Linux que sur Firefox Windows. Il faut tester car en effet certaines fontes n'ont vraiment pas un beau rendu.

    Sur le site de mon www, le h1 c'est du @font-face, je suis plutôt content du résultat.
     
  12. Sucrepop
    Sucrepop Nouveau WRInaute
    Inscrit:
    6 Avril 2006
    Messages:
    31
    J'aime reçus:
    0
    Bonsoir
    j'utilise ce qu'ils appellent le Dynamic Text Replacement depuis des années pour tous mes H1 et je n'ai jamais rencontré de problème (en tout cas rien qui ne m'est été remonté)
    Police de mon choix, taille, couleur de mon choix, relativement rapide, seul "inconvénient" la nécessité d'avoir javascript activé
     
  13. SpeedAirMan
    SpeedAirMan WRInaute accro
    Inscrit:
    2 Juin 2007
    Messages:
    2 704
    J'aime reçus:
    0
  14. yule
    yule WRInaute occasionnel
    Inscrit:
    24 Juillet 2004
    Messages:
    330
    J'aime reçus:
    0
    Hello,

    Par contre je suis confronter avec Cufon à un pb tout con....

    En utilisant l'API google de translate, les polices sous cufon ne sont pas traduites ??

    Je suis le seul ou j'ai pas la bonne police ???

    A+
    Yule