Des polices de caractères
ressources
Le web est principalement un média textuel, mais textuel ne veux pas dire austères. Un choix éclairé des polices de caractères utilisées sur un site peu avoir une grande influence sur le rendu général et l’originalité de celui-ci.
Indroduction
« Une police de caractères, en typographie, est un ensemble de glyphes, c’est-à-dire de représentations visuelles de caractères d’une même famille, qui regroupe tous les corps et graisses d’une même famille, dont le style est coordonné, afin de former un alphabet, ou la représentation de l’ensemble des caractères d’un langage, complet et cohérent. » Police d’écriture - Wikipédia
La traduction anglaise est Typeface ; le mot font (fonte) très souvent utilisé correspond à un corps (taille), graisse (light, bold, ...) précis de cette famille. C’est-à-dire qu’une police de caractère est composée d’une ou plusieurs fontes.
Technique CSS
Les navigateurs modernes proposent le support des polices personnalisées grâce au @font-face de CSS3. (Référence, le brouillon du W3C : CSS Fonts Module Level 3)
Si les articles sont nombreux sur le sujet, la plupart ne parlent que de @font-face sans aborder les bonnes pratiques comme le choix des familles de polices et la gestion des tailles. Ces pratiques sont d’autant plus importantes qu’elles définissent l’apparence du site sur les navigateurs ne supportant pas CSS3.
Voici trois ressources qui regroupent, je crois, l’essentiel :
Quelles polices de caractères (fontes) utiliser sur le Web ? - Alsacréations
CSS - Les polices : quelle famille choisir ? - Éducation, société et technologie
CSS - Les polices : quelle taille choisir ? - Éducation, société et technologie
Les deux dernières sont anciennes (2004) mais restent pertinentes.
Un autre bon point de départ pour la technique @font-face est Font Squirrel qui propose des kits font + css.
Google propose à sa façon inclure des polices personnalisés (Ajout du 15/12/2010) :
Google Font Directory
Google fonts : tests de lisibilité
Ressources
Des ressources pour l’instant en vrac ...
Design
Red Hat Magazine
Gentium — a typeface for the nations
50 High-Quality Free Fonts for Professional Design
The League of Moveable Type
Smashing Magazine propose régulièrement dans sa rubrique Free Fonts de très jolies polices :
40+ Excellent Freefonts For Professional Design
New High-Quality Free Fonts (2012 Edition) - Smashing Magazine
Manuscrite
Amandine.ttf ( http://www.philing.net/ )
alamain1.ttf
CRAYONL.TTF
Cursive standard.ttf
Coder
Monospace/Fixed Width Programmer’s Fonts
Comparing programming fonts » DamienG
Inconsolata
Anonymous Pro
Droid Sans Mono great coding font » DamienG
Envy Code R preview #7 (scalable coding font) » DamienG
Dina Programming Font - DonationCoder.com
Text Editor Fonts for Programmers
Hivelogic - Top 10 Programming Fonts
Coding Horror : Revisiting Programming Fonts
Discussion Reddit : Terminus, my favorite font for console work. : vim
Générale
Lavoisier
http://dejavu.sourceforge.net/wiki/...
Εταιρεία Ελληνικών Τυπογραφικών Στοιχείων :: Greek Font Society (Voir Artemisia)
Crimson Text
ParaType - Public Types Project
http://www.framasoft.net/article258...
http://www.sil.org/computing/catalo...
http://en.wikipedia.org/wiki/Catego...
http://police.planete-typographie.com/ How To Use @font-face In CSS And 21 Great Typefaces
Adobe fournis deux police en open-source :
adobe/Source-Code-Pro
adobe/source-sans-pro
Open Font Library
Open Font Library : http://openfontlibrary.fontly.org/
Unicode Font Guide For Free/Libre Open Source Operating Systems
Periodic Table of Typefaces on the Behance Network
Fantaisie
Lab fonts @ typOasis
Typographie Les articles sur la typographie de Geoffrey Dorne recensent beaucoup de typo libre.
Gaut Fonts @ typOasis
Free fonts : original designs ! (Nombreux liens morts.)
Reproduction de typographie ancienne :
The Fell Types modern revival fonts realized by Igino Marini using iKern < The Fell Types
