English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

regras CSS (RULES)

大全 de propriedades CSS

CSS font-family 属性使用方法及示例

font-family CSS属性用于设置元素的文本内容的字体。该font-family属性应包含多个字体名称作为“后备”系统。首先从所需字体开始,然后在不可用时按顺序使用后备字体。

你应该使用一个通用字体系列来结束这个列表,它有5个字体,如:arial, sans-serif, monospace, cursive ,fantasy。下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。monospacecursive

默认值:取决于浏览器
适用于:所有元素
继承:
可动画制作:否。请参见 动画属性
版本:CSS 1,2,3
JavaScript 语法:object.style.fontFamily="arial,sans-serif

font-family的使用语法

该属性的语法如下:

font-family: [ family-name|generic-family] [, family-name|generic-family]one or more pairs|initial|inherit

Os exemplos a seguir demonstram como usar font-Atributo family.

  body {
   font-family: "Arial", "Helvetica", sans-serif;
  }
  h1 {
   font-family: "Times New Roman", Times, serif;
  }
Teste para ver‹/›

Nota:Se o nome da série de fontes tiver mais de uma palavra, deve ser entre aspas, por exemplo font-family: "Times New Roman", Serif; etc.

Para combinações de fontes mais comuns, consulteFonte segura do CSS

Valor do atributo

A tabela a seguir descreve os valores desse atributo.

ValorDescrição
family-nameNome da série de fontes. Por exemplo "Times" e "Helvetica". Os nomes de fontes que contêm espaços devem ser entre aspas duplas.
generic-family

Quando não é possível usar a seleção de fontes necessárias, a série genérica de fontes pode ser usada como mecanismo de fallback comum. Como os nomes de fontes genéricos são palavras-chave, não podem ser entre aspas.

A série de fontes genéricas deve ser a última escolha na lista de nomes de séries de fontes. Definiram-se as seguintes séries genéricas:

  • serif (por exemplo, Times)

  • sans-serif (por exemplo, Arial)

  • cursive (por exemplo, Zapf-Chancery)

  • fantasy (por exemplo, Ocidental)

  • monospace (por exemplo, Courier)

Saiba mais sobreCombinação de fontesMais informações.

initialDefina esse atributo como seu valor padrão.
inheritSe especificado, o elemento relacionado usa o font do elemento pai-Valores do atributo family.

Compatibilidade do navegador

font-Compatibilidade do atributo family dos navegadores, os números na tabela abaixo representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Leia mais

Consulte o seguinte tutorial:Fonte CSSTexto CSS

Atributos e regras relacionados:fontfont-stylefont-variantfont-weightfont-size
line-height@font-face