Skip to content

Instantly share code, notes, and snippets.

@kunstreich

kunstreich/Bug testing

Created February 1, 2010 15:18
Show Gist options
  • Save kunstreich/291741 to your computer and use it in GitHub Desktop.
Save kunstreich/291741 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bug testing
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
body, h1
{
margin: 0;
padding: 0;
}
h1 {
font-family:"kulturista-web-1", "kulturista-web-2", "apertura-condensed-1","apertura-condensed-2", "changeling-neo-inline-1","changeling-neo-inline-2", "jeanne-moderno-1","jeanne-moderno-2", "botanika-mono-web-1","botanika-mono-web-2", "youngblood-1","youngblood-2", "jana-thork-1","jana-thork-2", "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Arial;
}
h1 {
font-size: 190px;
line-height: 190px;
vertical-align: baseline;
border: 30px solid red;
border-left: 0;
border-right: 0;
background: url(bg.png) repeat 0 0;
}
ol {
margin: 24px;
}
li {
padding-left: 24px;
}
div {
padding: 24px;
font-family: courier !important;
}
</style>
<script src="http://use.typekit.com/ndm5xtg.js" type="text/javascript"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<h1>
Overlapping text
</h1>
<ol>
<li>red = border via css</li>
<li>blue = line-height via background-image</li>
</ol>
<div>
<script src="http://gist.github.com/291741.js?file=Bug+testing"></script>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment