examples/css/properties/fonts.html

<!DOCTYPE html>
<html>
<head>
    <title>Example: Fonts</title>
    <style>
        @import url(https://fonts.googleapis.com/css?family=Roboto);

        h1 {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 2em;
            color: #00ff00;
        }

        h2 {
            font-family: "Roboto", sans-serif;
            font-size: 16pt;
        }

        h3 {
            font-size: medium;
            color: red;
        }
    </style>
</head>
<body>
<h1>Header text</h1>

<h2>Second header</h2>

<h3>Third header</h3>

<p style="text-align: right;">Right aligned text</p>

<p style="color: #ff0000;">Red text</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a <span
        style="text-decoration: line-through;">maximus</span> diam.</p>
</body>
</html>