Citations

La citation est un style typographique utilisé pour mettre en évidence le discours d’une personne ou citer la source d’un texte.

Exemple: citation longue en français et citation courte en anglais

En français. Ce paragraphe sert à montrer l'indentation de la citation par rapport au texte courant. Regardez l'espace à gauche et à droite de la citation.

Voilà une excellente nouvelle pour la région du Nord-du-Québec. Grâce à cet investissement majeur de notre gouvernement, nous pourrons loger davantage de travailleurs et leurs familles, ce qui renforcera la vitalité économique de nos communautés.

Pierre Dufour

Ministre des Forêts, de la Faune et des Parcs, ministre responsable de la région de l’Abitibi-Témiscamingue et de la région du Nord-du-Québec et député d’Abitibi-Est

In English. This paragraph is used to show the indentation of the quote from the current text. Look at the space to the left and right of the quote.

I have to constantly use creativity and imagination to impart knowledge to my students, but that’s also what drives me on a daily basis.

Karel

Teacher

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu mi nec nisi rhoncus consequat. In pharetra felis et justo sagittis auctor. In hac habitasse platea dictumst.


Quand l’utiliser

Lorsqu’une citation résume  l’essentiel d’un discours ou présente le passage clé d’un texte, il est pertinent de la mettre en valeur par les styles de citation.

Comment l’utiliser

Il existe deux styles de citations : la « citation longue » et la « citation courte ».

Dans les deux cas, assurez vous que les citations sont concises :

  • S’il s’agit d’une longue citation : visez un maximum de 280 caractères.
  • S’il s’agit d’une courte citation : visez un maximum de 140 caractères.

Ajoutez un bloc de citation seulement s’il ajoute de la valeur à la page en citant, par exemple, les personnes importantes qui commentent un sujet.

Minimisez l'utilisation de blocs de citation sur une page : évitez de les mettre les uns à la suite des autres.

Il ne faut pas inclure de guillemets lors de l’intégration du texte de citation : les guillemets seront ajoutés automatiquement par le style CSS.

Informations techniques

Tailles des caractères

La citation est constituée des éléments suivants.

Le paragraphe de citation peut être paramétré avec un de ces deux styles :

  • En taille de caractères de 18px, lorsqu’il s’agit d’une citation longue.
  • En taille de caractères de 31px, lorsqu’il s’agit d’une citation courte.

La mention du nom de l’auteur.

Le titre de l’auteur, qui est facultatif.

Apparence des libellés

Paragraphe de citation (longue)

Police de caractère : Open Sans
Taille : 18px / 24px
Interlettrage : -0.38px
Graisse : semibold

Paragraphe de citation (courte)

Police de caractère : Open Sans
Taille : 31px / 40px
Interlettrage : -0.6px
Graisse : semibold

Mention du nom de l’auteur

Police de caractère : Open Sans
Taille : 16px / 24px
Graisse : semibold

Titre de l’auteur

Police de caractère : Open Sans
Taille : 14px / 20px
Graisse : regular

Espacements

Le bloc de citation a un espacement de 48 px en haut et en bas, et de 32 px à gauche et à droite.

Entre le paragraphe de citation et la mention du nom de l’auteur, il y a un espacement de 16 px.

À gauche de la mention du nom de l’auteur, il y a un long tiret de 24 px de large par 1 px de haut. Il y a un dégagement de 8 px entre le tiret et la mention.

À gauche du titre de l’auteur, il y a un dégagement de 32 px (le texte du nom de l’auteur et son titre sont alignés ensemble par la gauche).

Guillemets

Les guillemets sont générés automatiquement par le style CSS selon la langue définie. En ajoutant un attribut «lang=fr», le CSS doit générer des guillemets français (en chevrons doubles, ouvrant puis fermant), alors qu’un attribut «lang=en» doit générer des guillemets droits doubles.

Dernière mise à jour : 18 janvier 2022