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	使用在窗口状态栏中使用的字体	播放 ”