CSS Fontes
Famílias de Fontes Genéricas
1.
As fontes serifadas têm um pequeno traço nas bordas de cada
letra.
2.
As fontes sem
serifa têm linhas
limpas.
3.
Fontes
monoespaçadas - aqui
todas as letras têm a mesma largura fixa.
4. As fontes cursivas imitam a caligrafia humana.
5. Fontes fantasia são
fontes decorativas/divertidas.
|
Serif |
Times New Roman |
|
Sans-serif |
Arial |
|
Monospace |
Courier New |
|
Cursive |
Brush
Script MT |
|
Fantasy |
Copperplate |
A propriedade da família de fontes
A font-family é a
propriedade para usada para especificar fonte de um texto.
Na prática:
<!DOCTYPE html>
<html>
<head>
<style>
.p1 {
font-family: "Times New Roman",
Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console",
"Courier New", monospace;
}
</style>
</head>
<body>
<h1>família de
fontes CSS</h1>
<p
class="p1">Este é um parágrafo, mostrado na fonte Times New
Roman.</p>
<p
class="p2">Este é um parágrafo, mostrado na fonte Arial.</p>
<p
class="p3">Este é um parágrafo, mostrado na fonte Lucida
Console.</p>
</body>
</html>