propiedad de fuente canvas de HTML
definición y uso
font establece o devuelve las propiedades de fuente actuales del contenido de texto en el lienzo.
font La sintaxis del atributo Atributo font CSSigual
ejemplo
Escriba un texto de 40 píxeles en el lienzo, utilizando la fuente "Arial":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
sintaxis
context.font="italic small-caps bold 12px arial";
valor del atributo
| valor | descripción |
|---|---|
| font-style |
Establece el estilo de la fuente. Los valores posibles son:
|
| font-variant |
Establece la variante de la fuente. Los valores posibles son:
|
| font-weight |
Establece el grosor de la fuente. Los valores posibles son:
|
| font-size / line-height | Especificar el tamaño y la altura de la línea, en píxeles. |
| font-family | Especificar la serie de fuentes. |
| caption | Usar la fuente para los controles de título (por ejemplo, botones, listas desplegables, etc.). |
| icon | Usar la fuente para etiquetar íconos. |
| menu | Usar la fuente para los menús (listas desplegables y listas de menú). |
| message-box | Usar la fuente para los cuadros de diálogo. |
| small-caption | Usar la fuente para etiquetar controles pequeños. |
| status-bar | Usar la fuente para la barra de estado de la ventana. |
Detalles técnicos
| Valor predeterminado: | 10px sans-serif |
|---|
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente esta propiedad por primera vez.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.
