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.
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.
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 / 28px
Graisse : semibold
Paragraphe de citation (courte)
Police de caractère : Open Sans
Taille : 31px / 48px
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.
La citation longue a un espacement de 32 px à gauche et à droite, alors que dans la citation courte, il est de 40 px.
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.
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 : 15 août 2022