Skip to content

Instantly share code, notes, and snippets.

@futhr
Created September 9, 2013 19:23
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 futhr/6500246 to your computer and use it in GitHub Desktop.
Save futhr/6500246 to your computer and use it in GitHub Desktop.
Letterpress text Fx
/**
* Letterpress text Fx
* Issue: text shadow need to go on inside.
*/
@font-face {
font-family: 'LeagueGothicRegular';
src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot');
src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot?iefix') format('eot'),
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.woff') format('woff'),
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.ttf') format('truetype'),
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.svg#webfontIQSKTUY8') format('svg');
font-weight: normal;
font-style: normal;
}
body {
text-align:center;
background: url(http://www.midwinter-dg.com/blog_demos/css-text-shadows/images/letterpress.gif) repeat;
width: 1000px;
margin: 80px auto;
}
h1 {
text-shadow: 0 1px 1px #444;
color: #111;
font: 140px 'LeagueGothicRegular';
text-transform: uppercase;
}
<!-- content to be placed inside <body>…</body> -->
<body>
<h1>Listing Pages</h1>
<body/>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment