propriedade da fonte do canvas HTML
definição e uso
font define ou retorna as propriedades da fonte do texto atual na tela.
font A sintaxe do atributo Propriedade font CSSigual
exemplo
Escreva um texto de 40 pixels em uma tela, usando a fonte "Arial":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
sintaxe
context.font="italic small-caps bold 12px arial";
valor do atributo
| valor | descrição |
|---|---|
| font-style |
Define o estilo da letra. Valores possíveis:
|
| font-variant |
Define a variante da letra. Valores possíveis:
|
| font-weight |
Define a espessura da letra. Valores possíveis:
|
| font-size / line-height | Especificar o tamanho e a altura da linha, em pixels. |
| font-family | Especificar a série de fontes. |
| caption | Usar a fonte para controles de título (por exemplo, botões, listas de seleção, etc.). |
| icon | Usar a fonte para ícones. |
| menu | Usar a fonte para menus (listas de seleção e listas de menus). |
| message-box | Usar a fonte para caixas de diálogo. |
| small-caption | Usar a fonte para pequenos componentes de marcação. |
| status-bar | Usar a fonte para a barra de estado da janela. |
Detalhes técnicos
| Valor padrão: | 10px sans-serif |
|---|
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Notas:Versões anteriores ao Internet Explorer 8 não suportam o elemento <canvas>.
