image micro

Micro Typographie

Bravo à toi, cher voyageur. Tu as accompli une partie du voyage, tu as appris. Mais ton apprentissage n’est pas terminé, la route se poursuit. 

Suis-moi et tu en sauras plus sur la micro typographie. 

La micro typographie, c’est le détail. C’est toutes les choses qui vont faire que ton contenu soit remarqué, les choses qui vont te permettre de te démarquer. 

Les marques de paragraphe

Les marques permettent de signifier un changement de paragraphe. 

Il est possible de :

Mais ce ne sont pas les seules méthodes, il en existe en réalité 10. Avant de poursuivre ton voyage, fais escale sur le site explorationsintypography. 

Les caractères accentués

Évidemment, les majuscules doivent être accentuées quand il le faut. Voici deux exemples de caractères accentués en html :

Les tirets

Il faut choisir le bon tiret au bon moment, au bon endroit. Il en existe trois :

bag

Le tiret court -

Il est utilisé :

Le tiret moyen –

Aussi appelé « en dash » (– en HTML).  On l’utilise :

Le tiret long —

Aussi appelé « em dash » (— en HTML).  Il sert :

plane

- – — - – — - – — - – — - – — - – — - – — - – —

Les guillemets

Il faut veiller à utiliser des espaces fines insécables et non des espaces simples pour les guillemets.  Il en existe deux types :

« … »

Les guillemets français qui sont utilisés dans les textes écrits dans la langue de Molière. 

“ … ”

Les guillemets anglais pour les citations, références, etc. dans la langue de Shakespeare. 

En html utf-8, la mise en forme ressemble à cela :

 « … » 

Et surtout, pas de guillemets droits, qui sont utilisés pour le code !

Lapostrophe

Saches le voyageur, dans lespace, lapostrophe nest pas suivie par un espace. 

rocket

La liste

Pour les listes, on privilégiera :

Le point peut également remplacer les tirets, mais l’espace fine insécable doit être conservé. 

Les ligatures

Les ligatures sont des lettres ayant fusionné ensemble, pour rendre la lecture plus facile. C’est un élément à prendre en compte dans le choix des polices, les sérif et Slab en possèdent la plupart du temps. Alors fais le choix des ligatures… 

& ton résultat final, mon cher voyageur, coupera le souffle de ton lecteur. 

Les chiffres

On en trouve deux types :

Le choix te revient, mais saches que les oldstyle figures s’utilisent avec les petites majuscules. Encore une fois, c’est une chose à prendre en compte lors du choix des polices. Passons maintenant à quelques règles pour la mise en forme des chiffres. 

Les décimales

Pas de point ni de virgules pour les décimales, on regroupe les chiffres par trois. 

La vitesse de la lumière est de 299 792 458 m/s. 

De l’espace pour le temps

Il faut des espaces insécables pour les heures, les températures, les pourcentages et les devises. 

35° 7 s’écrit 35° 7. 

2 h 30 s’écrit 2 h 30. 

Aligner dans un tableau

On peut aligner les chiffres dans un tableau en :

rocket

Afin de ponctuer ce voyage

La ponctuation demande de la minutie :

Du caractère à l’html

Dernière étape de ce long périple, pour te démarquer, montrer ton intérêt et ton respect des règles de typographie. 

Voici quelques caractères utiles en html :

plane

Nous y sommes, le voyage touche à sa fin. L’espace de quelques instants, au fil de ces lignes, tu as pu, cher voyageur, en apprendre plus sur le monde de la typographie. 

Tu as tout en main pour continuer seul, ton chemin. 

Alors va, découvres-en toujours plus, apprend. 

Et saches, que ce n’est jamais vraiment la fin…