Write a 30px high text on the canvas, using the font "Arial":
JavaScript:
Internet Explorer 9, Firefox, Opera, Chrome, and Safari support the font property.
Note: Internet Explorer 8 and earlier versions, do not support the <canvas> element.
The font property sets or returns the current font properties for text content on the canvas.
The font property uses the same syntax as the CSS font property.
Default value: | 10px sans-serif |
---|---|
JavaScript syntax: | context.font="italic small-caps bold 12px arial"; |
Values | Description | Play it |
---|---|---|
font-style | Specifies the font style. Possible values:
|
Play it » |
font-variant | Specifies the font variant. Possible values:
|
Play it » |
font-weight | Specifies the font weight. Possible values:
|
Play it » |
font-size/line-height | Specifies the font size and the line-height, in pixels | Play it » |
font-family | Specifies the font family | Play it » |
caption | Use the font captioned controls (like buttons, drop-downs, etc.) | Play it » |
icon | Use the font used to label icons | Play it » |
menu | Use the font used in menus (drop-down menus and menu lists) | Play it » |
message-box | Use the font used in dialog boxes | Play it » |
small-caption | Use the font used for labeling small controls | Play it » |
status-bar | Use the fonts used in window status bar | Play it » |