82 lines
3.7 KiB
HTML
82 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Fonts</title>
|
|
<link href='https://fonts.googleapis.com/css?family=Alexandria' rel='stylesheet'>
|
|
<link href="https://fonts.cdnfonts.com/css/instagram-sans-2" rel="stylesheet">
|
|
<link href="https://fonts.cdnfonts.com/css/samsung-logo-font?styles=139057" rel="stylesheet">
|
|
<link href="https://fonts.cdnfonts.com/css/tbs" rel="stylesheet">
|
|
<link href="https://fonts.cdnfonts.com/css/pbs-sans" rel="stylesheet">
|
|
<style>
|
|
.test1 {
|
|
font-family: 'Alexandria';
|
|
}
|
|
|
|
.test2 {
|
|
font-family: 'Instagram Sans', sans-serif;
|
|
}
|
|
|
|
.test3 {
|
|
font-family: 'Samsung Logo font', sans-serif;
|
|
}
|
|
.test4 {
|
|
font-family: 'TBS', sans-serif;
|
|
}
|
|
.test5 {
|
|
font-family: 'PBS Sans', sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="main">
|
|
<h1>Click a font to see its preview. <a href="/netlifyforms/suggestions.html">Let me know which font you like best.</a></h1>
|
|
<br><br><br>
|
|
<a href="#alexandria"><h1 class="test1">Alexandria Font</h1></a><br>
|
|
<a href="#instasans"><h1 class="test2">Instagram Sans Font</h1></a><br>
|
|
<a href="#samsung"><h1 class="test3">Samsung Logo Font</h1></a><br>
|
|
<a href="#tbs"><h1 class="test4">TBS Font</h1></a><br>
|
|
<a href="#pbs"><h1 class="test4">PBS Sans</h1></a><br>
|
|
|
|
|
|
</div>
|
|
|
|
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
|
|
|
|
|
<a href="#main">Back</a><br><h3 class="test1" id="alexandria">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br>The quick brown fox jumps over the lazy dog. 1234567890
|
|
</h3>
|
|
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
|
|
|
|
|
<a href="#main">Back</a><br><h3 class="test2" id="instasans">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br>The quick brown fox jumps over the lazy dog. 1234567890
|
|
</h3>
|
|
|
|
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
|
|
|
|
|
<a href="#main">Back</a><br><h3 class="test3" id="samsung">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br>The quick brown fox jumps over the lazy dog. 1234567890
|
|
</h3>
|
|
|
|
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
|
|
|
|
|
<a href="#main">Back</a><br><h3 class="test4" id="tbs">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br>The quick brown fox jumps over the lazy dog. 1234567890
|
|
</h3>
|
|
|
|
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
|
|
|
|
|
<a href="#main">Back</a><br><h3 class="test5" id="pbs">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br>The quick brown fox jumps over the lazy dog. 1234567890
|
|
</h3>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|