Typefaces with descriptions

Developer
Megan Doty
Size
2,944 Kb
Views
14,168
  1. Typefaces with descriptions Previews
  2. Typefaces with descriptions HTML Codes
  3. Typefaces with descriptions CSS Codes

How do I make an typefaces with descriptions?

Forked from Tim Brown's Pen Typefaces with descriptions.. What is a typefaces with descriptions? How do you make a typefaces with descriptions? This script and codes were developed by Megan Doty on 25 September 2022, Sunday.

Typefaces with descriptions Previews
IQ Test

Typefaces with descriptions - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Typefaces with descriptions</title> <script src="//use.typekit.net/kzw0hea.js"></script>
<script>try{Typekit.load();}catch(e){}</script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel='stylesheet prefetch' href='css/45eb9b42ba8c4012b5ae4c0fd.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Yeseva+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<div class="first-font"> <h1>Chaparral Pro</h1> <p>Hybrid Slab Serif, medium x-height, medium contrast</p>
</div>
<div class="second-font"> <h1>Brandon Grotesque</h1> <p>Sans Serif, low x-height, low contrast</p>
</div>
<div class="third-font"> <h1>Jubilat</h1> <p>Clarendon style serif, high x-height, medium contrast</p>
</div>
<div class="fourth-font"> <h1>Lato Thin</h1> <p>Sans Serif, low contrast, high x-height</p>
</div>
<div class="fifth-font"> <h1>Angie Sans</h1> <p>Humanist sans serif, medium contrast<p>
</div>
<div class="sixth-font"> <h1>Yeseva One Italic</h1> <p>Decorative, high x-height, high contrast, medium x-height</p>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='js/45eb9b42ba8c4012b5ae4c0fd.js'></script>
</body>
</html>

Typefaces with descriptions - Script Codes CSS Codes

.first-font h1 { font-family: "chaparral-pro", "Lora", "abril-text", Georgia, serif; font-size: 6em;
}
.second-font h1 { font-family: "brandon-grotesque", "Nixie One", "source-sans-pro", Verdana, sans-serif; font-size: 6em; font-weight: 500;
}
.third-font h1 { font-family: "jubilat", "Yeseva One", Verdana, sans-serif; font-size: 6em;
}
.fourth-font h1 { font-family: "Lato", Verdana, sans-serif; font-size: 6em; font-weight: 100;
}
.fifth-font h1 { font-family: "angie-sans", georgia, serif; font-size: 6em;
}
.sixth-font h1 { font-family: "Yeseva One", Verdana, sans-serif; font-size: 6em; font-style: italic;
}
Typefaces with descriptions - Script Codes
Typefaces with descriptions - Script Codes
Home Page Home
Developer Megan Doty
Username megandoty
Uploaded September 25, 2022
Rating 3
Size 2,944 Kb
Views 14,168
Do you need developer help for Typefaces with descriptions?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Megan Doty (megandoty) Script Codes
Name
SVG experimentation
Particles.js demo
SVG experimentation
A Pen by Megan Doty
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!