Exemplo
Especificar a fonte para um parágrafo:
p
{
font-family: "Times New Roman", Georgia, Serif;
}
Tente você mesmo " Definição e Uso
A propriedade font-family especifica o tipo de letra para um elemento.
A propriedade font-family pode conter vários nomes de fontes como um "fallback" do sistema. Se o navegador não suporta a primeira fonte, ele tenta a próxima fonte.
Existem dois tipos de nomes de família da fonte:
- family-name - O nome de um font-family, como "times" , "courier" , "arial" , etc.
- generic-family - O nome de um familiar genérico, como "serif" , "sans-serif" , "cursive" , "fantasy" , "monospace" .
Comece com a fonte que você quer, e sempre terminam com uma família genérica, para deixar o navegador escolher um tipo de letra semelhante na família genérica, se não houver outras fontes estão disponíveis.
Note: Separe cada valor com uma vírgula.
Note: Se um nome de fonte contém white-space, deve ser citado. Aspas simples deve ser utilizado quando se usa o "style" atributo no HTML.
| Valor padrão: | depends on the browser |
|---|---|
| Herdado: | yes |
| Animatable: | no. Read about animatable |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.fontFamily="Verdana,sans-serif" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
CSS Syntax
font-family:font|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| family-name generic-family | Uma lista priorizada de nomes de família da fonte e / ou nomes de família genéricos | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Font
Referência CSS: font property
HTML DOM de referência: fontFamily property