As combinações de fontes comumente usado
A propriedade font-family deverá conter vários nomes de fontes como um "fallback" do sistema, para garantir o máximo de compatibilidade entre navegadores / sistemas operacionais. Se o navegador não suporta a primeira fonte, ele tenta a próxima fonte.
Comece com a fonte desejada, e 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:
Abaixo estão algumas combinações de fontes mais usadas, organizados por família genérica.
Serif Fontes
| família de fontes | exemplo de texto |
|---|---|
| Georgia, serif | Esta é uma posiçãoEste é um parágrafo |
| "Palatino Linotype", "Book Antiqua" , Palatino, serif | Esta é uma posiçãoEste é um parágrafo |
| "Times New Roman", Times, serif | Esta é uma posiçãoEste é um parágrafo |
Sans-Serif Fontes
| família de fontes | exemplo de texto |
|---|---|
| Arial, Helvetica, sans-serif | Esta é uma posiçãoEste é um parágrafo |
| "Arial Black", Gadget, sans-serif | Esta é uma posiçãoEste é um parágrafo |
| "Comic Sans MS", cursive, sans-serif | Esta é uma posiçãoEste é um parágrafo |
| Impact, Charcoal, sans-serif | Esta é uma posiçãoEste é um parágrafo |
| "Lucida Sans Unicode", "Lucida Grande" , sans-serif | Esta é uma posiçãoEste é um parágrafo |
| Tahoma, Geneva, sans-serif | Esta é uma posiçãoEste é um parágrafo |
| "Trebuchet MS", Helvetica, sans-serif | Esta é uma posiçãoEste é um parágrafo |
| Verdana, Geneva, sans-serif | Esta é uma posiçãoEste é um parágrafo |
monospace fontes
| família de fontes | exemplo de texto |
|---|---|
| "Courier New", Courier, monospace | Esta é uma posiçãoEste é um parágrafo |
| "Lucida Console", Monaco, monospace | Esta é uma posiçãoEste é um parágrafo |