Nice SCSS underline without breaking the underline from the typography... (edit: fixed smaller text-shadow bug :P)
I've successfully combined 4 things I absolutely love, Typography, Design, Web Development and 80s style bravado.
I've not seen this before so I think I've figured out something new and hopefully useful.
It appears that by using calc() and vw we can get responsive typography that scales perfectly between specific pixel values within a specific viewport range.
An typography experiment using sass and archtext.js.
Inspiration from: http://blog.spoongraphics.co.uk/freebies/6-free-customizable-retrovintage-logos-emblems
Design style tiles in the browser with SCSS! Fork this in CodePen and make your own tiles. Share your tiles with clients with the Full Page link. Go CodePen Pro and update styles on the fly in Live View in a meeting with your client. It's responsive, too. Get your in-browser design on.
Renders best in Chrome.
This technique does work in Firefox, but text stroke is not supported.
Explanation is at the top of CSS file. Just some typefaces, helper classes and few presets for easily testing headings typography.
An attempt to implement a responsive typography system similar to Matt's:
A quick tool for fluid and truly responsive typography.
A Sass mixin for creating viewport sized typography with minimum and maximum sizes
Typography for Google's new material design, paper.
Using the Font Roboto.
Google Design Style Guide: htpp://google.com/design
Basic typography setup with rem's and em's
Need to know how to enable it? Go here.