Design

Letterpress Style in Photoshop and CSS

Hrishikesh Choudhari

Hrishikesh Choudhari

— 1 min read

The letterpress type style, or inset type style as some would call it, is quite easy to do in Photoshop.

Here I’ll outline the steps I took to achieve this effect.

Rather than use Photoshop, there are always a couple of ways you can achieve this using just CSS. This Line25 article and this ilovecolors article will show you how.

I have also tried out the CSS way to get a letterpress style. Check out the example here. Check out the code below.

<html>
<head>
<title>Letterpress (inset) style using pure CSS</title>
<style type="text/css">
body {
	background: #474747;
	margin: 170px;
}
h1 {
	font: 70px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: #222;
	text-shadow: 0px 2px 2px #555
}
</head>
<h1> The Rishi Letterpress Foundry</h1>
</body>
</html>

Read more