HTML canvas font Propery

Escribir un alto 30px texto en el lienzo, utilizando el tipo de letra "Arial" :

JavaScript:

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

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
font	4.0	9.0	3.6	4.0	10.1

Los conjuntos de propiedades de fuente o devuelve las propiedades de las fuentes actuales de contenido de texto en el lienzo.

La propiedad font utiliza la misma sintaxis que la CSS font property .

Valor por defecto:	10px sans-serif
la sintaxis de JavaScript:	context .font="italic small-caps bold 12px arial";

Valores	Descripción	Juegalo
font-style	Especifica el estilo de fuente. Valores posibles: normal itálico oblicuo	Juegalo "
font-variant	Especifica la variante de fuente. Valores posibles: normal letras minúsculas	Juegalo "
font-weight	Especifica el peso de la fuente. Valores posibles: normal negrita más audaz encendedor 100 200 300 400 500 600 700 800 900	Juegalo "
font-size/line-height	Especifica el tamaño de fuente y la línea de altura, en píxeles	Juegalo "
font-family	Especifica la familia de fuentes	Juegalo "
subtítulo	Utilizar los controles de la fuente subtítulos (like buttons, drop-downs, etc.)	Juegalo "
icono	Utilice la fuente utilizada para iconos de etiqueta	Juegalo "
menú	Utilice el tipo de letra utilizado en los menús (drop-down menus and menu lists)	Juegalo "
buzon de mensaje	Utilice la fuente utilizada en los cuadros de diálogo	Juegalo "
pequeña epígrafe	Utilice la fuente utilizada para etiquetar los pequeños controles	Juegalo "
barra de estado	Utilizar las fuentes utilizadas en la barra de estado de la ventana	Juegalo "