English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
The font CSS property sets the style, variant, boldness, and size of the text content of an element/line height and font family. It is used to declarefont-style,font-variant,font-weight,font-size,line-heightefont-family中设置各个字体属性的简写属性
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | 查看全部属性 |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 是 |
| 可动画制作： | 是的，因为速记的某些属性可以设置动画。请参考 动画属性. |
| 版本： | CSS 1,2,3 |
| JavaScript 语法： | object.style.font="italic small-caps bold 14px arial,sans-serif |
该属性的语法如下：
font: [ font-style font-variant font-weight font-size/line-height font-family | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit
ao usar o atributo abreviado de fonte, devem ser atendidas algumas condições. Se essas condições não forem atendidas, a propriedade será inválida e será completamente ignorada.
Deve ser definidofont-sizeefont-familyvalor da propriedade.
Deve ser definido antes dafont-sizevalor (se houver) antes de definirfont-style,font-variantefont-weightpropriedade
line-heightDeve ser definido antes dafont-sizeDefina o valor da propriedade imediatamente após a propriedade e coloque " /”（barra invertida）.
font-familyDeve ser o último valor definido.
O exemplo a seguir demonstra como usar o atributo font, observe a ordem dos valores do atributo.
h1 {
font: bold 2.5em "Times New Roman", Times, serif;
}
p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}Teste e veja‹/›A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| font-style | Defina o estilo da fonte. |
| font-variant | Defina a variante da fonte. |
| font-weight | Defina a grossura da fonte. |
| font-size | Defina o tamanho da fonte. |
| line-height | Defina a altura da linha. |
| font-family | Especifique a família de caracteres. |
| initial | Defina essa propriedade para seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor da propriedade font do elemento pai. |
Os seguintes valores se referem à fonte do sistema: | |
| caption | Fonte usada para controles de legendas (por exemplo, botões, menus suspensoes, etc.). |
| icon | Fonte usada para marcar ícones. |
| menu | Fonte usada nos menus (por exemplo, menus suspensoes e listas de menus). |
| message-box | Fonte usada nos diálogos. |
| small-caption | Fonte usada para marcar pequenos controles. |
| status-bar | Fonte usada na barra de estado da janela. |
Compatibilidade do navegador do atributo font, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Por favor, consulte as seguintes instruções:Fonte CSS,Texto CSS.
Atributos e regras relacionados:font-style,font-variant,font-weight,font-size,line-height,font-family,@font-face.