This morning I came across an great article from http://practice.typekit.com/. Typekit are a font service that allow you to use beautiful webfonts on your website without the additional costs or complexity of purchasing a font from a foundry and converting it to all of the web formats.
Now they are taking type a step further by providing lessons on certain typographical elements and show you how you can use them on your sites to improve the visual appeal and ease the consumption of content on your site.
I’ve forked a few of their code pens from their examples and make it a little more RWD focussed. Check out those below and read the full list of Shading possibilities on their blog post.
Using Shades – Typekit Practice Series
Drop Shade
See the Pen RWD Weekly Drop shade example by Javery (@justincavery) on CodePen.
Offset Shade
See the Pen RWD Offset shade example by Javery (@justincavery) on CodePen.
Printers Shade
See the Pen RWD Printer’s shade example (invisible secret) by Javery (@justincavery) on CodePen.