Tout ce que vous avez toujours voulu savoir sur @font-face sans jamais oser le demander, c’est sur I ♥MB – Implementing @font-face. Une très bonne base, sur une seule page, pour commencer à utiliser cette règle CSS encore trop peu présente dans le webdesign.
Et pour ceux dans le fond qui se demandent ce que c’est encore que ce truc, voici qui devrait les éclairer:
@font-face is a CSS rule which allows you to show a font on a Web page even if that font is not installed on the users’ computer. This means that designers and developers can begin moving away from Web-safe fonts that users have pre-installed on their computer such as Arial, Times New Roman, Verdana and Trebuchet.
Moi, c’est clair, dès que j’ai un peu de temps (2012 à la louche), je m’y colle…
Pour visualiser rapidement les polices qui sont installées sur votre système, il suffit désormais de se rendre sur Flipping Typical, qui en quelques secondes génère une page web listant l’ensemble d’entre-elles et surtout leur rendu.
Il est possible de changer le texte utilisé pour le rendu, de modifier la police qui s’affiche en haut de page en cliquant simplement sur celle désirée et même de passer en gras ou en italique à l’aide des raccourcis clavier ctrl+b et ctrl+i.
Un service simple, pratique et surtout bien réalisé dans le minimalisme. J’aime!
Si vous avez déjà cherché pendant des heures LA police de caractères qu’il vous faut (pour le design de votre site web, ou pour un document quel qu’il soit) sur les dizaines centaines de sites proposant des fonts libres, vous savez à quel point c’est vite saoulant. Ces derniers sont souvent lourds en pub, longs à charger, mal organisés et donc souvent inefficaces.
C’est pourquoi je vous invite à jeter un coup d’oeil à UrbanFonts, qui me semble être de très bonne qualité sur tous ces points: le site est simple (à la sauce web2.0), rapide, bien présenté. Tout est fait pour faciliter votre recherche et votre choix. Ainsi, les polices sont classées par catégorie, un simple survol de l’une d’entre elles affiche un aperçu. Et lorsque vous naviguez dans les pages de polices (par catégorie ou par ordre alphabétique), vous pouvez saisir un texte de pré-visualisation, de même que la couleur du texte et du fond, afin de vérifier directement si votre choix s’approche de ce que vous recherchez.
L’aspect social n’est pas en reste, puisqu’il est possible de noter et de commenter les fonts, ce qui permet d’avoir un Top 100, par exemple. Il ne reste plus, une fois que vous avez trouvé votre bonheur, qu’a downloader d’un simple clic la police voulue au format Windows ou Mac. Bref, tout cela devrait grandement faciliter la tache souvent laborieuse de recherche de polices de caractères sympathiques.
C’est pourquoi je vous invite à jeter un coup d’oeil à 
