Des polices de caractères

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 (Corrigé le 22/07/2017) : Google Font Directory
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
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://vollkorn-typeface.com/
M+ OUTLINE
PT fonts
Futura-Renner
http://www.sil.org/computing/catalog/show_software_catalog.asp?by=cat&name=Font
http://en.wikipedia.org/wiki/Category:Open_source_typefaces
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