Before exploring the wonderful world of online typography, we need to set up the space for it to fully develop; so we are going to create a simple HTML5 page to populate with our written content.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Your typography resource</title>
<link rel="stylesheet" href="../style.css">
</head>
<body>
</body>
</html>See? No complex data, import nothing. Just an empty page.
Since we're going to concentrate on type and type alone, we're not going to add a variety of elements or a complex layout.
Just a couple of simple lines of text will do, they will show you exactly what we are working on and how it's working.
So we're adding a <p> tag to the body:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Your typography resource</title>
<link rel="stylesheet" href=...