Exemplo
Escrever um alto texto 30px na tela, usando a fonte "Arial" :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50); Tente você mesmo " Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| font | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
Os conjuntos de propriedades de fonte ou retorna as propriedades de fonte atuais para conteúdo de texto na tela.
A propriedade font usa a mesma sintaxe como a CSS font property .
| Valor padrão: | 10px sans-serif |
|---|---|
| sintaxe JavaScript: | context .font="italic small-caps bold 12px arial"; |
Valores de propriedade
| valores | Descrição | Jogue |
|---|---|---|
| font-style | Especifica o estilo da fonte. Valores possíveis:
| Jogue " |
| font-variant | Especifica a variante fonte. Valores possíveis:
| Jogue " |
| font-weight | Especifica o peso da fonte. Valores possíveis:
| Jogue " |
| font-size/line-height | Especifica o tamanho da fonte e a linha de altura, em pixels | Jogue " |
| font-family | Especifica a família de fontes | Jogue " |
| rubrica | Use os controles de fontes legenda (like buttons, drop-downs, etc.) | Jogue " |
| ícone | Use a fonte usada para ícones de etiqueta | Jogue " |
| cardápio | Use a fonte usada em menus (drop-down menus and menu lists) | Jogue " |
| caixa de mensagem | Use a fonte usada em caixas de diálogo | Jogue " |
| pequeno-subtítulo | Usar a fonte utilizada para a marcação de pequenas controlos | Jogue " |
| Barra de status | Use as fontes usadas na janela barra de status | Jogue " |
<Object Canvas