Archives de la catégorie : Typographie

Pas encore de description pour la catégorie Typographie. Suggérez à l'administrateur du site de la remplir.

Bariol, la cerise sur la typo

Bariol est une toute nouvelle famille de police de caractère créée par atipo. Elle est arrondie et légèrement condensée. Familière mais pas «mièvre», Bariol a la particularité — essentielle à mes yeux — d’être particulièrement lisible, même dans les petits corps, grâce à des formes sobres et une construction sans fioriture.

Source Sans Pro — La première police de caractère open source par Adobe

Adobe vient de mettre Source Sans Pro à la disposition du public. C’est une grande nouvelle pour les amoureux de la typographie en général et des webfonts en particulier. Cette police de caractère open source a été dessinée par Paul D. Hunt (@pauldhunt sur Twitter) dans le but d’offrir une police de caractère lisible et agréable pour les courts contenus et les textes longs. Pour y parvenir, l’auteur s’est inspiré de News Gothic et Franklin Gothic tout en s’assurant que les caractères 1, i, I ou L soient bien différenciés.

A lire — Typo & Web : pour une lisibilité optimale de la typographie sur internet

Dans la collection [WEB] éditée par Atelier Perrousseaux, je viens de terminer Typo & Web pour une lisibilité optimale de la typographie sur internet écrit par Aurélien Foutoyet (@allfordesign). avec l’arrivée de la propriété CSS @font-face et la résolution des écrans qui va en augmentant, la typographie sur le web a fait un bond en avant. Les intégrateurs web peuvent désormais ajouter des polices de caractères qui sortent de «l’ordinaire» !

A lire — Webgrids : structure et typographie de la page web

Je viens de terminer la lecture du livre Webgrids écrit par Anne-Sophie Fradier (@mitternacht sur twitter) qui récapitule les bases de la structure des documents et de la typographie adaptés aux pages web, sujets qu’elle avait abordés à l’occasion de la conférence La macrotypographie de la page Web à Paris Web 2010. Après un rappel nécessaire des fondamentaux de la mise en page hérités des premières heures de l’imprimé, l’auteure aborde les spécificités du support web pour terminer sur la composition du texte.

« Average font » : à la recherche de la police de caractère universelle

« Average font » est un projet qui consiste à faire émerger l’essence même de la police de caractère universelle. Pour y parvenir, Moritz Resl à écrit un programme qui a superposé les 900 fontes installées sur son système en ajoutant une faible opacité. Il en ressort la forme intemporelle de chaque lettre de l’alphabet pour un résultat paradoxalement organique et fantomatique.

Tutoriel grille verticale en CSS par Smashing Magazine

95% des sites web sont faits de typographie ! Cette assertion d’Oliver Reichenstein dans l’article Web Design is 95% Typography semble toujours d’actualité. Dans la plupart des cas, les visiteurs se rendent sur un site pour lire. C’est une excellente raison pour prendre soin de la typographie dans le web design. Dans l’article Technical Web Typography: Guidelines and Techniques, Smashing Magazine détaille la mise en place d’une grille verticale en utilisant les règles immuables d’une bonne typographie, qu’il s’agisse de créer un carton d’invitation pour un anniversaire ou un faire-part de décès.

pointypo– L’actualité typographique en français

Lancé en février 2012 par Jérémie Babou­khian, Jean-​​Baptiste Levée et Pauline Nuñez pointypo– est le reflet de l’actualité typographique : publications de caractères et de livres, annonces de conférences et d’événements sans oublier les liens intéressants dénichés sur le web. Via Yannick.

Useful Shortcuts — Symboles accessibles via la touche Alt de votre clavier

Ah ! les symboles… Que celui ou celle qui n’a jamais galéré pour retrouver ce satané symbole caché dans les circonvolutions de son clavier me jette la première touche ! Useful Shortcuts est un site dont l’objectif est de répertorier et de classer la quasi-totalité des symboles accessibles via la touche Alt de votre clavier. Notez qu’il est également possible d’utiliser les symboles directement par copié-collé depuis les pages de Useful Shortcuts.

Mise en page typographique avec CSS3 et Lettering.js

Ce tutoriel écrit par Nikola Lazarevic montre comment mettre en forme un texte de type «article» à l’aide de CSS3 et de Lettering.js. 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 et d’une segmentation des mots composant les titres à l’aide de Javascript pour débrider notre créativité en jouant sur les mots.