Pageboy/websafefonts.html

## websafefonts.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Web safe Fonts</title>
    <style>
      body {
        margin: 12px 40px;
        font-size: 160%;
      }

      h1 {
        color: rgb(54, 167, 231);
        font-family: verdana, sans-serif;
      }

      p {
        margin: 0 0 8px 0;
      }

      .Arial {
        font-family: arial, sans-serif;
      }
      .ArialBlack {
        font-family: "Arial Black", sans-serif;
      }
      .Verdana {
        font-family: verdana, sans-serif;
      }
      .Tahoma {
        font-family: tahoma, sans-serif;
      }
      .Trebuchet {
        font-family: "Trebuchet MS", sans-serif;
      }
      .Impact {
        font-family: "Impact", sans-serif;
      }
      .TimesNewRoman {
        font-family: "Times New Roaman", serif;
      }
      .Didot {
        font-family: "Didot", serif;
      }
      .Georgia {
        font-family: Georgia, serif;
      }
      .AmericanTypewriter {
        font-family: "American Typewriter", monospace;
      }
      .Andale {
        font-family: "Andalé Mono", monospace;
      }
      .Courier {
        font-family: courier, monospace;
      }
      .Lucida {
        font-family: "Lucida Console", monospace;
      }
      .Monaco {
        font-family: monaco, monospace;
      }
      .BradleyHand {
        font-family: "Bradley Hand", cursive;
      }
      .BrushScript {
        font-family: "Brush Script", cursive;
      }
      .Luminari {
        font-family: "Luminari", fantasy;
      }
      .ComicSans {
        font-family: "Comic Sans", cursive;
      }
    </style>
  </head>
  <body>
    <h1>Web safe fonts</h1>
    <p class="Arial">Arial (sans-serif)</p>
    <p class="ArialBlack">Arial Black (sans-serif)</p>
    <p class="Verdana">Verdana (sans-serif)</p>
    <p class="Tahoma">Tahoma (sans-serif)</p>
    <p class="Trebuchet">Trebuchet MS (sans-serif)</p>
    <p class="Impact">Impact (sans-serif)</p>
    <p class="TimesNewRoman">Times New Roman (serif)</p>
    <p class="Didot">Didot (serif)</p>
    <p class="Georgia">Georgia (serif)</p>
    <p class="AmericanTypewriter">American Typewriter (serif)</p>
    <p class="Andale">Andalé Mono (monospace)</p>
    <p class="Courier">Courier (monospace)</p>
    <p class="Lucida">Lucida Console (monospace)</p>
    <p class="Monaco"></p>
    <p class="BradleyHand">Bradley Hand (cursive)</p>
    <p class="BrushScript">Brush Script MT (cursive)</p>
    <p class="Luminari">Luminari (fantasy)</p>
    <p class="ComicSans">Comic Sans MS (cursive)</p>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Web safe Fonts</title>
	<style>
	body {
	margin: 12px 40px;
	font-size: 160%;
	}

	h1 {
	color: rgb(54, 167, 231);
	font-family: verdana, sans-serif;
	}

	p {
	margin: 0 0 8px 0;
	}

	.Arial {
	font-family: arial, sans-serif;
	}
	.ArialBlack {
	font-family: "Arial Black", sans-serif;
	}
	.Verdana {
	font-family: verdana, sans-serif;
	}
	.Tahoma {
	font-family: tahoma, sans-serif;
	}
	.Trebuchet {
	font-family: "Trebuchet MS", sans-serif;
	}
	.Impact {
	font-family: "Impact", sans-serif;
	}
	.TimesNewRoman {
	font-family: "Times New Roaman", serif;
	}
	.Didot {
	font-family: "Didot", serif;
	}
	.Georgia {
	font-family: Georgia, serif;
	}
	.AmericanTypewriter {
	font-family: "American Typewriter", monospace;
	}
	.Andale {
	font-family: "Andalé Mono", monospace;
	}
	.Courier {
	font-family: courier, monospace;
	}
	.Lucida {
	font-family: "Lucida Console", monospace;
	}
	.Monaco {
	font-family: monaco, monospace;
	}
	.BradleyHand {
	font-family: "Bradley Hand", cursive;
	}
	.BrushScript {
	font-family: "Brush Script", cursive;
	}
	.Luminari {
	font-family: "Luminari", fantasy;
	}
	.ComicSans {
	font-family: "Comic Sans", cursive;
	}
	</style>
	</head>
	<body>
	<h1>Web safe fonts</h1>
	<p class="Arial">Arial (sans-serif)</p>
	<p class="ArialBlack">Arial Black (sans-serif)</p>
	<p class="Verdana">Verdana (sans-serif)</p>
	<p class="Tahoma">Tahoma (sans-serif)</p>
	<p class="Trebuchet">Trebuchet MS (sans-serif)</p>
	<p class="Impact">Impact (sans-serif)</p>
	<p class="TimesNewRoman">Times New Roman (serif)</p>
	<p class="Didot">Didot (serif)</p>
	<p class="Georgia">Georgia (serif)</p>
	<p class="AmericanTypewriter">American Typewriter (serif)</p>
	<p class="Andale">Andalé Mono (monospace)</p>
	<p class="Courier">Courier (monospace)</p>
	<p class="Lucida">Lucida Console (monospace)</p>
	<p class="Monaco"></p>
	<p class="BradleyHand">Bradley Hand (cursive)</p>
	<p class="BrushScript">Brush Script MT (cursive)</p>
	<p class="Luminari">Luminari (fantasy)</p>
	<p class="ComicSans">Comic Sans MS (cursive)</p>
	</body>
	</html>