Propriété fontdu canvas HTML

Exemple

Écrivez un texte de 30 pixels sur le canvas, en utilisant la police "Arial" :

JavaScript :

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);

Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la propriété font.

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.

La propriété font définit ou renvoie les propriétés de police actuelles du contenu textuel sur le canvas.

La propriété font utilise la même syntaxe que la propriétéCSS font.

Valeur par défaut :	10px sans-serif
Syntaxe JavaScript :	context.font="italic small-caps bold 12px arial";

Valeur	Description
font-style	Spécifie le style de police. Valeurs possibles : normal italic oblique
font-variant	Spécifie la variante de police. Valeurs possibles : normal small-caps
font-weight	Spécifie la graisse de la police. Valeurs possibles : normal bold bolder lighter 100 200 300 400 500 600 700 800 900
font-size/line-height	Spécifie la taille de police et la hauteur de ligne, en pixels.
font-family	Spécifie la famille de polices.
caption	Utilise la police pour les contrôles de légende (tels que les boutons, les listes déroulantes, etc.).
icon	Utilise la police utilisée pour l'étiquetage des icônes.
menu	Utilise la police utilisée dans les menus (listes déroulantes et listes de menus).
message-box	Utilise la police utilisée dans les boîtes de dialogue.
small-caption	Utilise la police utilisée pour l'étiquetage des petits contrôles.
status-bar	Utilise la police utilisée dans la barre d'état de la fenêtre.