• Travailler facilement la typo d’un site sans rien connaître au code avec FontExplorer
    http://www.fontexplorerx.com/fr/fex-pro/web-preview

    La fonctionnalité de l’Aperçu Web vous permet de tester n’importe quelle fonte disponible dans FontExplorer X Pro et sur n’importe quel site sans changer le code sur la page.

    La version 4 de #Fontexplorer[1], le logiciel de gestion de collection de #typos de Linotype, propose une nouvelle fonction assez géniale pour le développement web. A la différence de fonctions similaires de logiciels comme Fontcase, les prévisualisations peuvent être assez poussées : telle typo de titraille avec telle typo de caractère, et pour les surtitres une autre. La taille des typos, leur couleur, la couleur de fond et l’interlignage peuvent également être modifiées. On peut aussi cibler une classe CSS facilement, ou sélectionner plusieurs éléments en même temps.

    Après avoir téléchargé les typos libres recensées sur Google Fonts https://code.google.com/p/googlefontdirectory et les avoir importées dans FontExplorer, je repère vite fait celles qui peuvent servir à du texte courant, disponibles avec accents et dans les quatre graisses (regular / romain, italique, gras et gras italique).

    Je profite du tri pour les classer en linéales et sérif, plus facile pour s’y retrouver. Ca donne à peu près la liste suivante, sauf oubli :
    – Linéales :
    • Advent Pro
    • Amaranth
    • Archivo
    • Averia Sans Libre
    • BenchNine
    • Cabin
    • Chivo
    • Cuprum
    • Dosis
    • Economica
    • Istok Web
    • Josefin Sans + Slab
    • Karla
    • Lato
    • Merriweather Sans
    • Nobile
    • Noto Sans
    • Open Sans
    • Overlock
    • PT Sans
    • Quattrocento
    • Rambla
    • Roboto
    • Rosario
    • Scada
    • Share
    • Source Sans Pro
    • Titillium Web
    • Tuffy
    • Ubuntu

    – Sérif :
    • Alegreya
    • Andada
    • Averia Serif Libre
    • Caudex
    • Cardo
    • Crimson Text
    • Droid Serif
    • Gentium Basic
    • Gentium Book Basic
    • GFS Didot
    • Judson
    • Lora
    • Merriweather
    • Noticia Text
    • Noto Serif
    • Playfair Display
    • PT Serif
    • Tinos
    • Volkhov
    • Vollkorn

    Ensuite avec l’aperçu web je peux afficher mes listes et utiliser les fontes qui m’intéressent sur la page web que je veux refaire.

    Exemple vite fait avec la page d’accueil d’Indymedia Paris, avec deux typos téléchargeables librement, Open Sans et Merriweather :

    Autre test rapide avec la page d’accueil du Monde.fr, cette fois-ci avec Lora et Lato

    Il va juste falloir faire attention au poids des pages : 15 #webfonts sur une page, c’est lourd pour l’affichage (en plus de l’être graphiquement !).

    [1] FontExplorer n’est malheureusement pas libre, et dispo uniquement sur Mac & PC pour l’instant.