marble
Version:
WeDeploy's style guide and UI components
34 lines (29 loc) • 1.22 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo: Typography</title>
<link rel="stylesheet" href="../build/marble.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:700,400,300|Open+Sans:700,400,300">
<style>
.font-family-secondary {
font-family: "Lato", sans-serif;
}
</style>
</head>
<body>
<h6>The quick brown fox jumps over the lazy dog.</h6>
<h5>The quick brown fox jumps over the lazy dog.</h5>
<h4>The quick brown fox jumps over the lazy dog.</h4>
<h3>The quick brown fox jumps over the lazy dog.</h3>
<h2>The quick brown fox jumps over the lazy dog.</h2>
<h1>The quick brown fox jumps over the lazy dog.</h1>
<hr>
<h6 class="font-family-secondary">The quick brown fox jumps over the lazy dog.</h6>
<h5 class="font-family-secondary">The quick brown fox jumps over the lazy dog.</h5>
<h4 class="font-family-secondary">The quick brown fox jumps over the lazy dog.</h4>
<h3 class="font-family-secondary">The quick brown fox jumps over the lazy dog.</h3>
<h2 class="font-family-secondary">The quick brown fox jumps over the lazy dog.</h2>
<h1 class="font-family-secondary">The quick brown fox jumps over the lazy dog.</h1>
</body>
</html>