Atributo font do CSS

Definição e uso

A propriedade abreviada font configura todos os atributos de fonte em uma única declaração.

Notas:Este atributo também possui um sexto valor: "line-height", que permite configurar o espaçamento entre linhas.

Descrição

Esta propriedade abreviada é usada para configurar dois ou mais aspectos da fonte de um elemento em uma única vez. A utilização de palavras-chave como icon pode configurar a fonte do elemento de maneira apropriada para que se alinhe com algum aspecto do ambiente de computador do usuário. Note que, se essas palavras-chave não forem usadas, pelo menos o tamanho da fonte e a família de fontes devem ser especificados.

可以按顺序设置如下属性：

Os seguintes atributos podem ser definidos em ordem:

É permitido não definir algum valor, por exemplo, font:100% verdana; também é permitido. As propriedades não definidas usarão seus valores padrão.

Veja também:Fonte CSS

Tutorial de CSSManual de referência do DOM HTML

Propriedade font

Exemplo

Defina todas as propriedades da fonte em uma declaração:
  p.ex2
  p.ex1
  font:italic bold 12px/20px arial,sans-serif;
font:italic arial,sans-serif;
  p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;

}

Experimente você mesmo

Sintaxe do CSS Define o estilo da fonte. Veja: Define a variante da fonte. Veja: Define a grossura da fonte. Veja: Define o tamanho da fonte e a altura da linha. Veja:font:e font-family/

|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Valor do atributo Valor
Define o estilo da fonte. Veja: DescriçãoDefine o estilo da fonte. Veja: valores possíveis.
Define a variante da fonte. Veja: font-styleDefine a variante da fonte. Veja: valores possíveis.
Define a grossura da fonte. Veja: font-variantDefine a grossura da fonte. Veja: valores possíveis.
font-weight font-size/line-heightDefine o tamanho da fonte e a altura da linha. Veja: font-size e valores possíveis.
font-family Define a série de fontes. Veja:font-family valores possíveis.
caption Define a fonte usada pelos controles de título (por exemplo, botões, listas desdobráveis, etc.).
icon Define a fonte usada pelos ícones.
menu Define a fonte usada pelas listas desdobráveis.
message-box Define a fonte usada pelos diálogos.
small-caption Versão pequena da fonte de caption.
status-bar Define a fonte usada pela barra de estado da janela.

Detalhes técnicos

Valor padrão: não especificado
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"

Exemplo TIY

Todas as propriedades da fonte em uma declaração
Este exemplo mostra como usar propriedades abreviadas para definir a propriedade da fonte em uma declaração.
Definir a fonte do parágrafo usando o valor "caption"
Este exemplo mostra como definir a fonte do parágrafo usando o valor "caption".

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5