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	Evet	9.0	Evet	Evet	Evet

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 italic oblique	Oynat "
font-variant	Yazı tipi varyantı belirtir. Olası değerler: normal small-caps	Oynat "
font-weight	Font ağırlığını belirtir. Olası değerler: normal bold bolder lighter 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 "
caption	Yazı tipi başlığıyla kontrollerini kullanın (like buttons, drop-downs, etc.)	Oynat "
icon	etiket simgeleri için kullanılan font kullan	Oynat "
menu	Menülerde kullanılan yazı tipini kullanın (drop-down menus and menu lists)	Oynat "
message-box	iletişim kutularında kullanılan font kullan	Oynat "
small-caption	Küçük gereçleri yaftalamakta kullanılan yazı tipini kullanın	Oynat "
status-bar	Pencere durum çubuğunda kullanılan yazı tiplerini kullanın	Oynat "