La typographie est importante pour la lisibilité et la visibilité; elle doit mettre en valeur le message sans lui nuire.
Police
La principale police utilisée à la Banque est « Open Sans », une police sans empattement créée par Steve Matteson pour Google. Ce jeu de caractères a un aspect droit, ouvert et neutre, tout en étant convivial. Il permet une lecture optimale sur papier, à l’écran et sur les appareils mobiles.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9
<p class="bocss-lead">...</p>
Titres
Notre contenu Web est structuré par six niveaux de titres.
Portez ce vieux whisky au juge blond qui fume
<h1>Portez ce vieux whisky au juge blond qui fume</h1>Portez ce vieux whisky au juge blond qui fume
<h2>Portez ce vieux whisky au juge blond qui fume</h2>Portez ce vieux whisky au juge blond qui fume
<h3>Portez ce vieux whisky au juge blond qui fume</h3>Portez ce vieux whisky au juge blond qui fume
<h4>Portez ce vieux whisky au juge blond qui fume</h4>Portez ce vieux whisky au juge blond qui fume
<h5>Portez ce vieux whisky au juge blond qui fume</h5>Portez ce vieux whisky au juge blond qui fume
<h6>Portez ce vieux whisky au juge blond qui fume</h6>Codes de modification de la casse
Les codes « class » permettent de changer la casse sans modifier le texte.
minuscules
<p class="textTransform-lowercase">...</p>MAJUSCULES
<p class="textTransform-uppercase">...</p>Premières Lettres En Majuscules
<p class="textTransform-capitalize">...</p>Balises de type
Il est possible d’insérer du texte à l’intérieur de balises HTML pour introduire un élément de structure sans en modifier l’aspect esthétique. Pour ajuster l’apparence d’un texte, il suffit d’insérer dans les balises des codes modifiant la taille ou l’épaisseur des caractères.
Texte d’un paragraphe
<p>...</p>
petits caractères
<small>...</small>
Texte en gras
<strong>...</strong>;<time>...</time>