Type I like

Developer
Brent Jackson
Size
2,486 Kb
Views
22,264
  1. Type I like Previews
  2. Type I like HTML Codes
  3. Type I like CSS Codes

How do I make an type i like?

Cool web fonts from Google. What is a type i like? How do you make a type i like? This script and codes were developed by Brent Jackson on 15 September 2022, Thursday.

Type I like Previews
IQ Test

Type I like - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Type I like</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="pad"> <div class="merriweather mb"> <h1 class="massive">Type I like</h1> <p class="h2">Cool web fonts from Google</p> </div> <div class="merriweather mb"> <h1>Merriweather</h1> <p>Friendly, contemporary and versatile</p> <a href="https://www.google.com/fonts/specimen/Merriweather" target="_blank"> View more </a> </div> <div class="merriweather-sans mb"> <h1>Merriweather Sans</h1> <p>A humanist companion to its serif sibling</p> <a href="https://www.google.com/fonts/specimen/Merriweather+Sans" target="_blank"> View more </a> </div> <div class="titillium mb"> <h1>Titillium Web</h1> <p>Scifi, but not too much so</p> <a href="https://www.google.com/fonts/specimen/Titillium+Web" target="_blank"> View more </a> </div> <div class="source-sans mb"> <h1>Source Sans Pro</h1> <p>Open source font from Adobe</p> <a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank"> View more </a> </div> <div class="source-code mb"> <h1>Source Code Pro</h1> <p>By far, my favorite monospace font</p> <a href="https://www.google.com/fonts/specimen/Source+Code+Pro" target="_blank"> View more </a> </div> <div class="oxygen mb"> <h1>Oxygen</h1> <p>Not really sure why I picked this one</p> <a href="https://www.google.com/fonts/specimen/Oxygen" target="_blank"> View more </a> </div> <div class="open-sans mb"> <h1>Open Sans</h1> <p>Another terrific open source font</p> <a href="https://www.google.com/fonts/specimen/Open+Sans" target="_blank"> View more </a> </div> <div class="trykker mb"> <h1>Trykker</h1> <p>What a cool name</p> <a href="https://www.google.com/fonts/specimen/Trykker" target="_blank"> View more </a> </div> <div class="volkhov mb"> <h1>Volkhov</h1> <p>What language is this?</p> <a href="https://www.google.com/fonts/specimen/Volkhov" target="_blank"> View more </a> </div> <div class="donegal-one mb"> <h1>Donegal One</h1> <p>Might as well just call it Dongle</p> <a href="https://www.google.com/fonts/specimen/Donegal+One" target="_blank"> View more </a> </div> <div class="bree-serif mb"> <h1>Bree Serif</h1> <p>I prefer the sans, but this one is nice too</p> <a href="https://www.google.com/fonts/specimen/Bree+Serif" target="_blank"> View more </a> </div> <div class="gentium mb"> <h1>Gentium Book Basic</h1> <p>As seen in the <a href="http://jxnblk.com/ashley" target="_blank"> Ashley Tumblr Theme </a> </p> <a href="https://www.google.com/fonts/specimen/Gentium+Book+Basic" target="_blank"> View more </a> </div>
</div>
</body>
</html>

Type I like - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700|Merriweather+Sans:400,700|Titillium+Web:400,700|Source+Sans+Pro:400,700|Mako|Armata|Source+Code+Pro:400,700|Oxygen:400,700|Open+Sans:400,700|Trykker|Volkhov:400,700|Donegal+One|Bree+Serif|Gentium+Book+Basic:400,700);
.merriweather { font-family: 'Merriweather'; }
.merriweather-sans { font-family: 'Merriweather Sans'; }
.titillium { font-family: 'Titillium Web'; }
.source-sans { font-family: 'Source Sans Pro'; }
.source-code { font-family: 'Source Code Pro'; }
.oxygen { font-family: 'Oxygen'; }
.open-sans { font-family: 'Open Sans'; }
.trykker { font-family: 'Trykker'; }
.volkhov { font-family: 'Volkhov'; }
.donegal-one { font-family: 'Donegal One'; }
.bree-serif { font-family: 'Bree Serif'; }
.gentium { font-family: 'Gentium Book Basic'; }
body { color: #444; line-height: 1.5;
}
a { text-decoration: none; color: #0ac;
}
h1, h2, p { margin: 0; }
.massive { font-size: 4rem; }
h1, .h1 { font-size: 3rem; }
h2, .h2 { font-size: 2rem; }
p, .p { font-size: 1.25rem; }
.pad { padding: 2rem; }
.mb { margin-bottom: 2rem; }
@media (min-width: 768px) { h1 { font-size: 4rem; } h2 { font-size: 3rem; } p { font-size: 1.5rem; } .pad { padding: 4rem; } .mb { margin-bottom: 4rem; }
}
Type I like - Script Codes
Type I like - Script Codes
Home Page Home
Developer Brent Jackson
Username jxnblk
Uploaded September 15, 2022
Rating 3
Size 2,486 Kb
Views 22,264
Do you need developer help for Type I like?

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!

Brent Jackson (jxnblk) Script Codes
Name
Responsive Type Scale
Bootrap Vertical Input Group
Chrome-like Spinning Loading Indicator
Basscss Column Offset
Dropbar
Paginated Tiles with CSS Multi-Column Layout
Spinning Bubbles
Mathematical
Flex Object Grid with Fallback
Eat me
Create amazing art & images 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!