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 a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| font | sim | 9 | sim | sim | sim |
Definição e Uso
Os conjuntos de propriedades do tipo de letra ou retorna as propriedades de fonte atuais para conteúdo de texto na tela.
A propriedade font usa a mesma sintaxe como a propriedade de fonte CSS .
| Valor padrão: | 10px sans-serif |
|---|---|
| sintaxe JavaScript: | context.font="italic small-caps bold 12px arial"; |
Os 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 a espessura da fonte. Valores possíveis:
| Jogue " |
| font-size/line-height | Especifica o tamanho da fonte eo line-height, em pixels | Jogue " |
| font-family | Especifica a família de fontes | Jogue " |
| caption | Use os controles de fonte do título (como botões, menus suspensos, etc.) | Jogue " |
| icon | Use a fonte usada para ícones de etiqueta | Jogue " |
| menu | Use a fonte usada em menus (menus drop-down e listas de menu) | Jogue " |
| message-box | Use a fonte usada nas caixas de diálogo | Jogue " |
| small-caption | Use a fonte usada para rotular pequenas controles | Jogue " |
| status-bar | Use as fontes usadas na janela barra de status | Jogue " |