Des CSS modernes pour adapter la taille des textes à la largeur du navigateur de manière fluide.
Une façon moderne de faire varier la taille d'une police en fonction de la largeur d'un écran.
Application des règles de typographie au web
Une méthode pour avoir une taille de police fluide en fonction de la taille de l'écran.
Une alternative à JoliTypo pour une belle typographie avec Wordpress.
Un article paru peu de temps avant la sortie de Chrome 64 qui intègre nativement de ne pas couper les jambage des lettres avec le trait de soulignement.
Du bon usage de la mise en majuscule : une fois que vos utilisateurs commencent à remarquer des inconsistances, c'est là qu'ils commencent à perdre confiance dans votre image de marque.
« Once your users start noticing inconsistencies, that’s when they start losing trust in your brand. »
Apprenez les termes de typographie (en anglais)
Une extension Chrome/Opera pour afficher les couleurs et typo principales utilisées sur une page web
Une base de données de polices utilisées dans des films.
Pour acheter des polices de caractère (y compris pour le web).
L'ingéniosité humaine est sans limite pour contourner ce qui est manifestement un bug d’implémentation des webfonts dans les navigateurs. Ou comment éviter le flash de texte invisible tant que les webfonts ne sont pas chargées.
Une police Open source destinée à faciliter la lecture pour les dyslexiques.
De très belles polices de caractère libres (semblables à Garamond et Optima)
Un outil en ligne pour suggérer des combinaisons de 2 polices de caractère.
Des polices de caractères gratuites choisies pour leur qualité !
Un template HTML5 mobile first à télécharger
Querelle de typographes anglais
A clean responsive grid with a typographic baseline you say?
Responsable uses the power of less and sass to bring you a perfect responsive framework.
Quelques éléments de typographie en CSS
Tous les caractères unicode !!!!!
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
Un Framework CSS dédié typographie : pour les amoureux des beaux écrits sur le web
Une police sous forme de blocs pour faire du faux texte pour ceux qui n'aiment pas le latin.
Quelques exemple de titraille en CSS en suivant les bonnes pratiques.
Si vous haïssez vraiment quelqu'un, apprenez-lui à reconnaître un mauvais interlettrage.
Un jeu pour expérimenter le "kerning" (espacement harmonieux entre les lettres d'un mot).
Un blog pour en finir avec la police Comic Sans MS
Les polices de caractères incorporables dans une page Web (made in Google™)
Comparaison des différents service d'incorporation de polices dans une page web
Un outil pour tester une Webfont directement sur un site web !
Une CSS pour afficher du HTML comme il se saisi en syntaxe Markdown (des raccourcis typo)
Un petit jeu Flash pour se débarrasser de MS Comic Sans
Si vous utilisez Windows et que votre clavier est un clavier AZERTY français, vous aurez remarqué qu'il manque à ce clavier la possibilité de générer un certain nombre de signes pourtant bien utiles. Il manque notamment au pilote français « standard » la possibilité de générer les majuscules accentuées pourvues de l'accent aigu, le c cédille majuscule ou la ligature oe.
Quelques polices anciennes en licence semblable à CC-By
Un outil en ligne pour générer tout ce qu'il faut pour intégrer une police (dont on a les droits) sur un site web.
Une présentation de ce qu'il est possible de faire avec l'ensemble des navigateurs du marché pour inclure une police spécifique dans une page.
La typographie est fondamentalement ancrée dans la culture de l’imprimé mais tend de plus en plus à devenir une spécialité graphique plutôt qu’un métier à part entière.
Trois questions :
Besoin de polices avec l'alphabet hébreu ?
Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.
Choisir des polices de caractère pour le web. Un guide précis !
Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite
Encore une framework CSS orienté typographie.
Tout savoir sur les tirets en typographie !
Un FavLet pour tester rapidement l'effet d'une police sur page web.
Pour les amoureux de la typographie qui souhaitent utiliser le maximum des règles de typographies sur le web.
Un cours de typographie orienté hommes de loi (où l'on apprends qu'une bonne typo peut faciliter l'application de la loi).
U n outil open source sous Linux pour gérer ses polices de caractères, les classer, les comparer...
Des polices gratuites pour le web, dans une page qui en fait la démonstration d'une manière très agréable à l'œil.
Intéressant de voir que l'auteur n'a choisi aucune police Serif (à empattements).
Pour vos projets web avec Pyrat.net, faites votre choix...
Un site web pour se fabriquer gratuitement une police de caractère à partir de son écriture.
1) Imprimer un tableau à remplir avec son écriture, lettre par lettre
2) Scanner le résultat
3) Envoyer au site
4) Télécharger la police générée