By Tobias Ahlin
@tobiasahlinText compositions are free to use, licensed under MIT. Site design & code © Tobias Ahlin, 2023.
Grumpy wizards make toxic brew for the evil Queen and Jack.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789 !?:%;&_/"()’[]'$£@”
Grumpy wizards make toxic brew for the evil Queen and Jack.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789 !?:%;&_/"()’[]'$£@”
<!-- Include in <head> to load fonts from Google -->
<link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'><!-- Typography -->
<div class="iwcp">
<h1 class="iwcp-r1">Perfection is not attainable</h1><hr class="iwcp-divider" />
<h1 class="iwcp-r2">but</h1>
<h1 class="iwcp-r3">if we chase perfection</h1>
<h1 class="iwcp-r4">we can catch excellence</h1>
</div>
<style type="text/css">
.iwcp {
color: #fff;
text-align: center;
background-color: #fd774c;
font-family: Ubuntu, sans-serif;
text-transform: uppercase;
line-height: 3em;
padding-top: 10em;
padding-bottom: 11em;
}
.iwcp-r1 {
font-size: 3.8em;
font-weight: 700;
}
.iwcp-divider {
background: url(/images/typesource/banner.svg) no-repeat center center/39em 0.8em;
font-size: 1.5em;
height: 2.1em;
border: 0;
margin-bottom: -2.2em;
}
.iwcp-r2 {
font: italic 400 2.6em/1.3em Playfair Display, sans-serif;
text-transform: lowercase;
padding: 0 0.5em;
position: relative;
background-color: inherit;
display: inline-block;
}
.iwcp-r3 {
font-size: 4.83em;
font-weight: 700;
margin-top: 0.2em;
}
.iwcp-r4 {
font-size: 4.4em;
margin: 0.5em 0 0;
font-weight: 700;
}
</style>Text compositions are free to use, licensed under MIT. Site design & code © Tobias Ahlin, 2023.