CSS alternativas de Fontes
Ø serifa
Ø Sem serifa
Ø Monoespaço
Ø cursiva
Ø Fantasia
Fontes Serifadas
"Times New Roman", Times, serif
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: "Times New Roman",
Times, serif;
}
</style>
</head>
<body>
<h1>Título da
página</h1>
<p>Primeira
página da web. </p>
<p>0 1 2 3 4 5
6 7 8 9</p>
</body>
</html>
Georgia, serif
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Georgia, serif;
}
</style>
</head>
<body>
<h1>Título da
página</h1>
<p>Primeira
página da web. </p>
<p>0 1 2 3 4 5
6 7 8 9</p>
</body>
</html>
Garamond, serif
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family:
Garamond, serif;
}
</style>
</head>
<body>
<h1>Título da páginah1>
<p>Primeira págin da web. </p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Fontes Sans-Serif
Arial, Helvetica, sans-serif
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Arial,
Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>Título da página</h1>
<p>Primeira página da web. </p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Tahoma, Verdana, sans-serif
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family:
Tahoma, Verdana, sans-serif;
}
</style>
</head>
<body>
<h1>Título da página</h1>
<p>Primeira página da web. </p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
"Trebuchet MS", Helvetica, sans-serif
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family:
"Trebuchet MS", Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>Título da página</h1>
<p>Primeira página da web. </p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Geneva, Verdana, sans-serif
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family:
Geneva, Verdana, sans-serif;
}
</style>
</head>
<body>
<h1>Título da página</h1>
<p>Primeira página da web. </p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>