ROCK & ROLL
How do I make an rock & roll?
Using subsetted fonts and font stacks is an efficient and terse way to enhance typography. No javascript or added markup.. What is a rock & roll? How do you make a rock & roll? This script and codes were developed by Heydon on 27 August 2022, Saturday.
ROCK & ROLL - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ROCK & ROLL</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <p>Simple subsetting and inheritance trick using Google Fonts. The key part is the <code>text=%26</code> parameter in the Lobster Two font <code>@import</code>. This makes Google send a font containing just the "&" character.</p>
<!-- Look, Mum, no <span>s! -->
<h1>ROCK & ROLL</h1>
</body>
</html>
ROCK & ROLL - Script Codes CSS Codes
@import url(http://fonts.googleapis.com/css?family=Bevan);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two&text=%26);
h1 { font-family: Lobster Two, Bevan; text-ALIGN: center; font-size: 9vw; margin-top: 0;
}
/* Just for the explanation */
p { width: 70vw; margin: 1em auto 0; font-size: 20px; font-family: sans-serif;
}
code { background: #ccc; padding: 0 0.5em;
}
Developer | Heydon |
Username | heydon |
Uploaded | August 27, 2022 |
Rating | 4 |
Size | 1,776 Kb |
Views | 20,240 |
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!
Name | Size |
Just add javascript | 2,010 Kb |
Invert custom properties | 2,026 Kb |
Pixelated Brain Animation | 7,866 Kb |
FUN TIMES Competition | 3,473 Kb |
Bookish | 2,094 Kb |
File system with nested lists | 1,640 Kb |
Animated focus styles for kbd users | 1,987 Kb |
Current Page Test Case | 1,827 Kb |
Ransom Note With Google Font Subsets | 2,217 Kb |
Content Aware Navigation | 1,950 Kb |
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!
Name | Username | Size |
Coburg Banks SVG Logo | Mjtweaver | 3,875 Kb |
Fluid Grid 12 | Alexoliverwd | 2,309 Kb |
Weird glowy CSS3 game | Toneworm | 3,684 Kb |
Dribbble Inspired Registration Form | Lancebush | 2,358 Kb |
Experiments with Vertical Centering | KatieK2 | 3,924 Kb |
Background Images | Jooonebug | 2,100 Kb |
Bubble animation | Ftabor | 6,565 Kb |
Mesmerizing octopus | Jllodra | 3,549 Kb |
Hello People | Danburrows | 2,365 Kb |
Lightning | Akm2 | 19,150 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!