Book Image

Practical Responsive Typography

By : Calonaci
Book Image

Practical Responsive Typography

By: Calonaci

Overview of this book

Typography is an essential part of any website’s design. It can help you stand out from the crowd, communicate with clarity, and cultivate a distinctive identity. Practical Responsive Typography demonstrates how to use typography to greatest effect. With this book you won't underestimate it's importance - you'll be in complete control over this crucial component of web design. From scaling and optimizing screen spaces to using a range of different web fonts, you'll quickly get up to speed with the practical considerations behind successful typography. But more than the fundamentals, you'll also find out how to go further by customizing typography designs to suit your identity.
Table of Contents (12 chapters)
11
Index

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...