Keep it Real

Permanent Marker

View Google Font

Grumpy wizards make toxic brew for the evil Queen and Jack.



123456789 !?:%;&_/"()’[]'$£@”

HTML & CSS for this example

<!-- Include in <head> to load fonts from Google -->
<link href='https://fonts.googleapis.com/css?family=Permanent+Marker:400' rel='stylesheet' type='text/css'>
<!-- Typography -->
<div class="kir">
  <h1 class="kir-r1">Fake</h1>
  <h2 class="kir-r2">Keep it Real</h2>

<style type="text/css">
.kir {
  color: #d44b15;
  text-align: center;
  background-color: #e8e5e0;
  font-size: 1em;
  font-family: Permanent Marker, serif;
  padding: 7em 0em 13em;

.kir-r1 {
  line-height: 1em;
  font-size: 17em;
  font-weight: 100;
  color: #fff;

.kir-r2 {
  line-height: 1em;
  margin-top: -2em;
  font-size: 5.5em;

Browse more examples

Want more?

Be first to get your hands on new examples & projects filled with inspiration.