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)	播放 ”
消息框	使用对话框中使用的字体	播放 ”
小字幕	使用用于标记小控件的字体	播放 ”
状态栏	使用在窗口状态栏中使用的字体	播放 ”