Typographie Web et projet 2



Dans le cadre de votre projet 2, 100 ans de McLuhan [SAT], tel que discuté à la semaine 05, je vous encourage fortement à utiliser des polices dites non standardisées, via le chargement à la @font-face. Alternative à Google Web FontsTypekit et autres.

Étapes pour l'intégration de polices à votre page :
1. Identifier une police pertinente en .ttf ou .otf;
2. Installer ladite police dans votre page via @font-face;
3. Créer une règle de style de type classe (.nom_de_ma_classe) et appliquer sur le texte souhaité.

> Exemple simple ici, les indications détaillées sont dans le code sous forme de commentaires.

Brève et excellente lecture

Facultatif
Pour s'assurer du bon chargement multiplateforme de vos polices, vous pourrez utiliser, entre autre, Font Squirrel. Une application en ligne gratuite qui, à partir d'une seule police en .ttf, préparera un dossier contentant tous les formats (EOT, WOF, SVG) nécessaires à l'affichage sur Firefox, Safari, IE, iPad, iPhone, etc. et, en prime, vous fournira un superbe spécimen accompagné d'indications.
 

Rechercher dans ce carnet

© 2008-2022 Tous droits réservés Carnet Weblog / UQAM, sauf exception.
Adaptation par LabDI UQAM