フォントのレタープレス表現

グラデーションや影などCSS3だけで表現できるようになり、
画像のみで表現していたものを、簡単に設定することができるようになりました。

CSS3を使用すれば、誰でも簡単に高級感のある表現ができるようになります。

今回は、スタンプを押したような文字(レタープレス)をCSSで簡単に表現すり方法を紹介します。

レタープレスはtext-shadowを使用することで表現ができます。
text-shadowのカラーは白なので、背景が白だとうまく表現できません。黒に近い色であるとうまく表現されます。

text-shadow: 0 -1px 1px #888, 0 1px 1px #fff;
background-color:#555;
font-weight:bold;
color:#aaa;