Les polices de caractères

La police de caractère (font en anglais) permet de donner un style visuel au texte que l'on affiche. Certaines polices sont très connues d'autre moins. On pourra distinguer deux catégories de polices de caractère :

• Les polices de caractère standard qui sont installées sur la plupart des ordinateurs. Voici quelques noms qui sont connus : Arial, Times, Helvetica, Georgia, Courier, Geneva
• Les polices de caractère non standard. Elles doivent être téléchargées par le navigateur. Elles permettent d'avoir des sites très personnalisés, mais il faut éviter d'en abuser.

Dans le premier cas, si on utilise seulement une police de caractère standard, il suffit d'indiquer que l'on veut utiliser cette police avec la fonction textFont() et en utilisant le nom de la police

textFont('Times');

Dans le second cas, c'est un tout petit peu plus compliqué. Avant que la page ne s'initialise, on doit charger le fichier contenant la police de caractère. On place la police de caractère dans une variable que l'on utilisera pour la fonction textFont().

var maPolice;

function preload() {
  maPolice = loadFont("../ressources/p5js-base/assets/fonts/Ansley_Display-Inline.ttf"); 
}

function draw(){
....
  textFont(maPolice);// pas de guillements : c'est  une variable !
  text("texte",10,10);
...
}