Le petit journal permanent de la TypOgrApHiE !

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Le petit journal permanent de la TypOgrApHiE !

La typographie (souvent abrégée «typo») est à la fois l’art de créer des polices de caractère et de s’en servir. Il peut s’agir également de l’ensemble des règles en usage dans l’imprimerie pour la composition des différentes ouvrages imprimés (cf. Code typographique). Sur le Web, la typographie à longtemps été maltraitée. Toutefois, avec les progrès réalisés ces dernières années par les navigateurs grâce aux standards du web, la typo revient sur le devant de la scène. L’étude des polices de caractère devient trendy, et on ne peut que s’en réjouir. Voici quelques 60 ressources à mettre dans vos favoris, bookmarks ou comptes Delicious !

Ressources Typographiques générales

  • I love Typography — ILT was born on August 7, 2007. It exists because I have a passion for typography, type design, and lettering, and for the words born of those disciplines. This site aims to make the subject more accessible, to bring the study of typography to the masses, if you will. It’s just about impossible to imagine a world without type…
  • Webtypography — The Elements of Typographic Style Applied to the Web.
  • A List Apart — La rubrique Typography du site de référence dans le Webdesign dont une partie des articles sont traduits sur Pompage (le web puisé à la source).
  • TypographicaTypes Reviews, Books, Commentary.
  • Typography Served — Une dose d’inspiration de Typographie créative.
  • TypesitesTypesites is a weekly showcase of websites with interesting typographic design.
  • TypographyhistoryPictures and text collected while studying the history of typography. I’m not as serious as this blog. I’m also having fun on Wanderings and on Twitter (@Mitternacht).
  • 8faces — A new print magazine for devotees of typography.
  • Typedia — Aim to classify typefaces and educate people about them. Think of it like a mix between IMDb and Wikipedia, but just for type. @typedia
  • Beautiful Type — This blog was created by two web designers who share the same passion for typography. The content presented here is a patchwork of photos and illustrations from the Web, discovered overnight and all having a relationship with typography in general.
  • Typblography — The Adobe Type Team blog

Outils et techniques

De nombreux outils permettent d’intégrer facilement les polices de caractère qui sortent de l’ordinaire.

Conseils, tutoriels et astuces

Trouver des polices de caractère

  • Dafont — Les 11 388 polices (dont 3 242 avec des accents et 2 495 avec le symbole Euro) présentes sur ce site sont la propriété de leur auteur (freeware, shareware, démo ou domaine public). La licence mentionnée au dessus du bouton Télécharger est juste une indication.
  • TypofonderieFondée en 1994, Porchez Typofonderie est une fonderie indépendante française. C’est le premier endroit où vous pouvez acquérir nos fontes.
  • FontshopFounded by Erik Spiekermann and Neville Brody in 1989, FontShop is the original independent retailer of digital type. We offer more than 150,000 fonts from dozens of expert-selected foundries, including our house brand: FontFont.
  • Fontfolio –Adobe Font Folio est une collection de plus de 2 300 fontes au format OpenType.
  • Myfonts — Avec sa nouvelle version, Myfonts est encore plus pratique à utiliser. Une très belle collection de fontes pour vos projets.
  • Identifiez les polices de caractères avec What The Font ou Identifont.
  • Urbanfonts — Plus de 8 000 fontes et dingbats freewares à télécharger.
  • @Font-Face Webfonts from Fontspring — Buy webfonts the way you buy desktop fonts: without a subscription. 99% of the families offered on Fontspring can be purchased for unlimited use on websites you control for a small fee.

Bibliothèque ou librairie

Il s’agit surtout de livres relativement anciens. Ils sont toujours vaillants, mais si vous avez des références plus actuelles n’hésitez pas à en faire profiter tout le monde dans les commentaires ;)

  • Maquette et mise en page — Pierre Duplan et Roger Jauneau — Editions du Moniteur, 1992 (ISBN 2 281 31051 5),
  • Typographie — Emil Ruder — A. Niggli Ltd, 1988 (ISBN : 3 7212 0043 8),
  • Le secrétariat de rédaction — Louis Guéry — Editions du CFPJ, 1990 (ISBN 2 85900 045 3),
  • Typographie, du plomb au numérique — Jean-Luc Dusong et Fabienne Siegwart — Dessain et Tolra, 1996 (ISBN 2 04 021744 4),
  • Grids, the structure of graphic design — André Jute — Rotovision, 1996 (ISBN 2 88046 277 0),
  • Tous les numéros d’Etapes Graphiques

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



24 commentaires pour “Le petit journal permanent de la TypOgrApHiE !”

  1. madebyross dit :

    Ce blog est incontournable, pour qui veux des infos récentes sur le webdesign en Français. Merci et bravo pour ce papier sur la typo….on en sait jamais assez!

  2. […] This post was mentioned on Twitter by css 4 design, br1o les bons tuyaux, Loïc Gerbaud, Loiseau2nuit, Stéphane Verdier and others. Stéphane Verdier said: RT: @br1o: Le petit journal du web — Edition spéciale TypOgrApHiE ! http://j.mp/djoLin #typographie […]

  3. Excellent article :-) bravo !

  4. ben dit :

    Dans les livres, j’ajouterais : – Typographie, guide pratique de Damien Gautier. – Lexique des règles typographiques en usage à l’Imprimerie Nationale.

  5. Oh merci pour toutes ces ressources merci merci merci ! Et Bonne continuation pour ce blog très interessant qu’il m’est devenu indispensable de consulter régulièrement.

  6. Il y a aussi Fontstruct qui permet de créer ses typo à partir de modules géométriques…

    http://fontstruct.fontshop.com/

  7. briegel dit :

    J’utilise de temps à autres un outil qui permet aux « paumés-perpétuels-des-codes-caractères » de trouver tous les codes unicodes d’un caractère : http://rishida.net/tools/conversion/

    Bien pratique pour sauver les accents et autres bizarreries alphabétiques internationales.

  8. webdesign dit :

    Super ce listing! merci beaucoup

    il y a également http://www.wordle.net/ qui peut intéresser certain?

  9. David Rault dit :

    et pour bien choisir une police de caractere, vous avez aussi le Guide pratique de choix typographique (http://tinyurl.com/344ueq8), qui a egalement le grand avantage d’avoir ete ecrit par moi-meme.

  10. briegel dit :

    Et allez hop, la librairie toute entière dans les favs … en attendant des finances plus propices : dévalisage en vue ! Merci pour le lien !

  11. […] Bref, InDesign semble l’outil idéal pour se rappeler que dans Webdesign il y a aussi «design» avec tout ce que cela comporte de travail sur les blancs tournants, les volumes et la typographie. […]

  12. Kurt dit :

    Bon encore une fois je me régale…ce genre de liens me rappelle combien l’internet est immense et combien j’aime explorer ce monde infini et avec des gens comme vous c’est une vraie croisière!

  13. Karine Joly dit :

    Autre très bon livre sur la typo et le Web, préfacé par Étienne Mineur, mal connu (à cause du titre ?) : /Lisibilité des sites web : Des choix typographiques au design d’information/, Marie-Valentine Blond, Olivier Marcellin, Melina Zerbib, Eyrolles, 2010 On y parle tout autant du choix des polices de caractères que des grilles de composition, avec des notions d’architecture de l’information aussi.

    http://www.editions-eyrolles.com/Livre/9782212124262/lisibilite-des-sites-web

    En prime pour les passionnés : l’interview de Matthew Carter et des créateurs des nouvelles fontes ClearType Microsoft.

  14. […] de 60 polices de caractère pour Google Font Directory La typographie sur le Web monte en puissance. Google ajoute des fontes supplémentaires à son répertoire Google Font […]

  15. […] Le petit journal permanent de la TypOgrApHiE ! — Toujours vaillant, cet article mis à jour régulièrement rassemble toujours le meilleur de la typographie sur le Web. […]

  16. […] des divisions de l’espace dans l’art abstrait et l’architecture moderne, de la typographie du XVe siècle, de la radiographie, de la gravure sur bois, de la nouvelle typographie de […]

  17. […] petit journal permanent de CSS3 Après mes petits journaux permanents consacrés à la typographie et à HTML5, voici un numéro spécial qui fait la part belle à CSS3. Ces nouvelles propriétés […]

  18. […] Le petit journal permanent de la TypOgrApHiE — plus de 60 ressources commentées et actualisés dans le domaine de la typographie : liens généralistes en français et en anglais, outils et techniques pour le Web, conseils tutoriels et astuces, trouver des polices de caractères, bibliographie. […]

  19. […] Lire Le petit journal permanent de la TypOgrApHiE ! […]

  20. […] (Typographie, CSS, Photoshop et développement web) Après quelques journaux permanent (HTML5, typographie et CSS3) et des revues de presse multi-thématiques, voici une nouvelle série de liens triés sur […]

  21. […] L’auteur nous prend par la main et détaille chaque étape : reset.css, styles de base, typographie avec Font-face, mise en forme des paragraphes. Le tout saupoudré d’une pincée de box-shadow […]

  22. […] Le petit journal permanent de la TypOgrApHiE ! Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ? […]

  23. […] parle ainsi de lisibilité des caractères, de petit journal permanent de la TypOgrApHiE !, de lecture en «F» ou en « Z », d’interlignage à 120% ou 150%, de […]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site