blob: c3943930889508e1903c2433dfb6c4d4ac6ac883 [file] [log] [blame]
<!DOCTYPE html>
<!--
| The user agent should use the first listed font family that supports the
| character.
| https://www.w3.org/TR/css3-fonts/#font-style-matching
-->
<html>
<head>
<meta charset="utf-8">
<style>
body {
margin: 0;
font-family: Roboto;
font-size: 30px;
font-weight: normal;
color: #fff;
}
.containing-block {
background-color: #03a9f4;
width: 700px;
}
.sans-serif {
font-family: sans-serif;
}
.sans-serif-italic {
font-family: sans-serif;
font-style: italic;
}
.serif {
font-family: serif;
}
.serif-italic {
font-family: serif;
font-style: italic;
}
.monospace {
font-family: monospace;
}
.serif-monospace {
font-family: serif-monospace;
}
.casual {
font-family: casual;
}
.cursive {
font-family: cursive;
}
.sans-serif-smallcaps {
font-family: sans-serif-smallcaps;
}
</style>
</head>
<body>
<div class="containing-block">
<div class="sans-serif">The Hegemony Consul</div>
<div class="sans-serif-italic">The Hegemony Consul</div>
<div class="serif">The Hegemony Consul</div>
<div class="serif-italic">The Hegemony Consul</div>
<div class="monospace">The Hegemony Consul</div>
<div class="serif-monospace">The Hegemony Consul</div>
<div class="casual">The Hegemony Consul</div>
<div class="cursive">The Hegemony Consul</div>
<div class="sans-serif-smallcaps">The Hegemony Consul</div>
</div>
</body>
</html>