HTML canvas font Propery

寫在畫布上一個30像素高的文本，使用字體"Arial" ：

JavaScript的：

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

瀏覽器支持

在表中的數字規定，完全支持該屬性的第一個瀏覽器版本。

屬性
font	是	9	是	是	是

字體屬性設置或返回畫布上的文字內容當前字體屬性。

字體屬性使用相同的語法CSS字體屬性。

默認值：	10px的無襯線
JavaScript語法：	context.font="italic small-caps bold 12px arial";

值	描述	播放
font-style	指定的字體樣式。可能的值： normal italic oblique	播放 ”
font-variant	指定字體變體。可能的值： normal small-caps	播放 ”
font-weight	指定字體粗細。可能的值： normal bold bolder lighter 100 200 300 400 500 600 700 800 900	播放 ”
font-size/line-height	指定字體大小和行高度，以像素	播放 ”
font-family	指定字體系列	播放 ”
caption	使用字體標題控件（比如按鈕，下拉等）	播放 ”
icon	使用用於標記圖標的字體	播放 ”
menu	使用菜單（下拉菜單和菜單列表）中使用的字體	播放 ”
message-box	使用對話框中使用的字體	播放 ”
small-caption	使用用於標記小控件的字體	播放 ”
status-bar	使用在窗口狀態欄中使用的字體	播放 ”