Skip to content

Instantly share code, notes, and snippets.

@prof3ssorSt3v3

prof3ssorSt3v3/google-fonts.html

Created July 2, 2018 19:00
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save prof3ssorSt3v3/be4984e9b3c6f4bd6d43d2e80100f6db to your computer and use it in GitHub Desktop.
Save prof3ssorSt3v3/be4984e9b3c6f4bd6d43d2e80100f6db to your computer and use it in GitHub Desktop.
Download ZIP
Raw
google-fonts.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Google Fonts</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="main.css"/>
<style>
@import url('https://fonts.googleapis.com/css?family=Alegreya:700|Open+Sans:400');
/* &text=GF */
header > h1{
font-family: Alegreya, Times, "Times New Roman", serif;
font-weight: 700;
}
main > p{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<header>
<h1>Google Fonts</h1>
</header>
<main>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem iusto, sit dolore consequuntur soluta quam? Dolores laudantium, aperiam possimus sapiente aspernatur eius. Perferendis dolore vero, accusamus esse, nisi tenetur hic.</p>
<p>Veniam quos pariatur aut, tempora nulla, alias harum, dignissimos ducimus corrupti at asperiores soluta suscipit ab quae sunt delectus eaque. Sint labore dignissimos animi repellat non esse voluptates, ducimus velit.</p>
<p>Harum aperiam fugit, eum, tempora reprehenderit, labore fuga ex quibusdam temporibus, veritatis assumenda! Corporis ipsum optio tenetur minima dolores voluptate quos, nihil suscipit aperiam fuga reiciendis repellendus amet, delectus eius?</p>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment