Creating the page
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...