Example of Simple Font Styling
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example of Simple Font Styling</title>
<style type="text/css">
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, Times, serif;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>header 1</h1>
<h2>header 2</h2>
<p>this is a test.</p>
</body>
</html>
Related examples in the same category
| 1. | 'font-family' Example | | |
| 2. | font-family: serif; | | |
| 3. | font-family: sans-serif; | | |
| 4. | font-family: cursive; | | |
| 5. | font-family: fantasy; | | |
| 6. | font-family: monospace; | | |
| 7. | font-family: "Rockwell" | | |
| 8. | font-family: "Californian FB", AppleMyungjo; ( If Californian FB is not available, AppleMyungjo is used.) | | |
| 9. | font-family: "Perpetua Titling MT", serif; | | |
| 10. | font-family: "Baskerville Old Face", serif; | | |
| 11. | font-family: "Lucida Bright", monospace; | | |
| 12. | font-family: Herculanum, "Eras Demi ITC", sans-serif; | | |
| 13. | font-family for p | | |
| 14. | font-family overwrite | | |
| 15. | font-family: "Times New Roman";font-family: Arial; | | |
| 16. | font-family:courier, courier new, serif; | | |
| 17. | Font family test | | |
| 18. | Two font families, just in case | | |
| 19. | font-family Demo | | |
| 20. | font family sequence | | |
| 21. | Inline Example of font-family Order | | |
| 22. | Set font family for paragraph | | |
| 23. | h1, h2 and p are in Times New Roman font | | |
| 24. | Font family cascade | | |
| 25. | font-family: Arial | | |
| 26. | font-family: "Times New Roman" | | |
| 27. | font family with generic fonts | | |