HTML canvas font Propery

Tulis 30px teks tinggi di kanvas, menggunakan font "Arial" :

JavaScript:

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

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
font	4.0	9.0	3.6	4.0	10.1

Font set properti atau mengembalikan properti font saat ini untuk konten teks pada kanvas.

Properti font menggunakan sintaks yang sama dengan CSS font property .

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

nilai-nilai	Deskripsi	Mainkan
font-style	Menentukan gaya font. Kemungkinan nilai: normal italic miring	Mainkan "
font-variant	Menentukan varian font. Kemungkinan nilai: normal small-caps	Mainkan "
font-weight	Menentukan berat font. Kemungkinan nilai: normal berani berani korek api 100 200 300 400 500 600 700 800 900	Mainkan "
font-size/line-height	Menentukan ukuran font dan line-height, dalam piksel	Mainkan "
font-family	Menentukan keluarga font yang	Mainkan "
caption	Gunakan kontrol font yang diberi judul (like buttons, drop-downs, etc.)	Mainkan "
icon	Gunakan font yang digunakan untuk ikon label	Mainkan "
menu	Gunakan font yang digunakan dalam menu (drop-down menus and menu lists)	Mainkan "
kotak pesan	Gunakan font yang digunakan dalam kotak dialog	Mainkan "
kecil-caption	Gunakan font yang digunakan untuk label kontrol kecil	Mainkan "
status bar	Gunakan font yang digunakan dalam jendela status bar	Mainkan "