HTML canvas font Propery

Scrivi un alto testo 30px sulla tela, con il font "Arial" :

JavaScript:

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

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.

Proprietà
font	4.0	9.0	3.6	4.0	10.1

Gli insiemi di proprietà di font o restituisce le proprietà del carattere correnti per il contenuto del testo sulla tela.

La proprietà font utilizza la stessa sintassi della CSS font property .

Valore di default:	10px sans-serif
sintassi JavaScript:	context .font="italic small-caps bold 12px arial";

Valori	Descrizione	Gioca
font-style	Specifica lo stile del carattere. Valori possibili: normale corsivo obliquo	Gioca "
font-variant	Specifica la variante font. Valori possibili: normale maiuscoletto	Gioca "
font-weight	Specifica lo spessore del carattere. Valori possibili: normale grassetto audace accendino 100 200 300 400 500 600 700 800 900	Gioca "
font-size/line-height	Specifica la dimensione del carattere e la linea-altezza, in pixel	Gioca "
font-family	Specifica la famiglia di font	Gioca "
didascalia	Usare i controlli di carattere didascalia (like buttons, drop-downs, etc.)	Gioca "
icona	Utilizzare il tipo di carattere usato per le icone di etichette	Gioca "
menu	Utilizzare il tipo di carattere utilizzato nei menu (drop-down menus and menu lists)	Gioca "
casella dei messaggi	Utilizzare il carattere utilizzato nella finestra di dialogo	Gioca "
small-caption	Utilizzare il font usato per etichettare i piccoli controlli	Gioca "
barra di stato	Utilizzare i caratteri usati nella barra di stato della finestra	Gioca "