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	4	9	3.6	4	10.1

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

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

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

值	描述	播放
font-style	指定的字體樣式。可能的值：正常斜體斜	播放 ”
font-variant	指定字體變化。可能的值：正常小帽子	播放 ”
font-weight	指定字體粗細。可能的值：正常膽大更大膽打火機 100 200 300 400 500 600 700 800 900	播放 ”
font-size/line-height	指定字體大小和行高度，以像素	播放 ”
font-family	指定字體系列	播放 ”
標題	使用的字體標題控件(like buttons, drop-downs, etc.)	播放 ”
圖標	使用用於標記圖標的字體	播放 ”
菜單	使用在菜單中使用的字體(drop-down menus and menu lists)	播放 ”
消息框	使用對話框中使用的字體	播放 ”
小字幕	使用用於標記小控件的字體	播放 ”
狀態欄	使用在窗口狀態欄中使用的字體	播放 ”