Skip to content

Instantly share code, notes, and snippets.

@juliabode
Created May 8, 2014 12:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save juliabode/79325bd7534e291ab020 to your computer and use it in GitHub Desktop.
Save juliabode/79325bd7534e291ab020 to your computer and use it in GitHub Desktop.
body {
background-color: #FF444F;
}
.above {
text-align: center;
}
h1 {
margin: 25px 0;
color: white;
font-size: 200px;
font-size: 172px;
text-shadow: 2px 2px 1px white,
1px 1px 1px white,
0px 0px 1px white,
-7px -7px 0px white,
-1px -1px 0px white,
-2px -2px 0px white,
-3px -3px 0px white,
-4px -4px 0px white,
-5px -5px 0px white,
-6px -6px 0px white;
color: #FF444F;
}
h1.abril {
font-family: 'Abril Fatface';
}
h1.bevan {
font-family: 'Bevan';
}
h1.droid {
font-family: 'Droid Sans';
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Diamond</title>
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bevan' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="above">
<h1 class="abril">D</h1>
<h1 class="bevan">D</h1>
<h1 class="droid">D</h1>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment