HTML canvas font Propery

Yazı tipini kullanarak, tuval üzerine bir 30px yüksek metni yazın "Arial" :

JavaScript:

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

Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

özellik
font	4.0	9.0	3.6	4.0	10.1

Yazı tipi özelliği, ayarlar veya tuval üzerine metin içeriği için geçerli yazı tipi özelliklerini döndürür.

Yazı tipi özellik ile aynı sözdizimini kullanır CSS font property .

Varsayılan değer:	10px sans-serif
JavaScript sözdizimi:	context .font="italic small-caps bold 12px arial";

Değerler	Açıklama	Oynat
font-style	Yazı tipi stilini belirtir. Olası değerler: normal italik eğik	Oynat "
font-variant	Yazı tipi varyantı belirtir. Olası değerler: normal küçük şapkalar	Oynat "
font-weight	Font ağırlığını belirtir. Olası değerler: normal cesur cesur çakmak 100 200 300 400 500 600 700 800 900	Oynat "
font-size/line-height	Piksel olarak yazı tipi boyutu ve satır yüksekliğini belirtir	Oynat "
font-family	Yazı tipi ailesini belirtir	Oynat "
altyazı	Yazı tipi başlığıyla kontrollerini kullanın (like buttons, drop-downs, etc.)	Oynat "
ikon	etiket simgeleri için kullanılan font kullan	Oynat "
menü	Menülerde kullanılan yazı tipini kullanın (drop-down menus and menu lists)	Oynat "
mesaj Kutusu	iletişim kutularında kullanılan font kullan	Oynat "
küçük-caption	Küçük gereçleri yaftalamakta kullanılan yazı tipini kullanın	Oynat "
durum çubuğu	Pencere durum çubuğunda kullanılan yazı tiplerini kullanın	Oynat "