HTML canvas font Propery

Tulis 30px teks tinggi di kanvas, dengan 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	iya nih	9.0	iya nih	iya nih	iya nih

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

Properti font menggunakan sintaks yang sama dengan properti font yang CSS .

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

Nilai	Deskripsi	Mainkan
font-style	Menentukan gaya font. Kemungkinan nilai: normal italic oblique	Mainkan "
font-variant	Menentukan varian font. Kemungkinan nilai: normal small-caps	Mainkan "
font-weight	Menentukan berat font. Kemungkinan nilai: normal bold bolder lighter 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 (seperti tombol, drop-down, dll)	Mainkan "
icon	Gunakan font yang digunakan untuk ikon label	Mainkan "
menu	Gunakan font yang digunakan dalam menu (menu drop-down dan daftar menu)	Mainkan "
message-box	Gunakan font yang digunakan dalam kotak dialog	Mainkan "
small-caption	Gunakan font yang digunakan untuk label kontrol kecil	Mainkan "
status-bar	Gunakan font yang digunakan dalam jendela status bar	Mainkan "