Live Demo: Example of CSS Web Safe Fonts

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of CSS Web Safe Fonts</title>
<style>
    .sans-serif-font {
        font-family: Arial, Helvetica, sans-serif;
    }
    .serif-font {
        font-family: "Times New Roman", Times, serif;
    }
    .monospace-font {
        font-family: "Courier New", Courier, monospace;
    }
</style>
</head>
<body>
    <h2>Normal Text</h2>
    <p class="sans-serif-font">This is normal text in sans-serif font.</p>
    <p class="serif-font">This is normal text in serif font.</p>
    <p class="monospace-font">This is normal text in monospace font.</p>
    <h2>Bold Text</h2>
    <p class="sans-serif-font"><b>This is bold text in sans-serif font.</b></p>
    <p class="serif-font"><b>This is bold text in serif font.</b></p>
    <p class="monospace-font"><b>This is bold text in monospace font.</b></p>
</body>
</html> 