Typeshift
Test quality fonts responsively in browsers without writing code
Typeshift is a tool to help type and product designers test responsive typography in the browser. Our goal is to respectfully bring the two disciplines closer together. Most of the web is made up of words. The app lets people quickly try typefaces, configure them responsively and save/share lockups for seeing how things perform across different browsers and breakpoints.
Will it be possible to see the typography within the context of my own website?
Yeah! It’s very much meant to get out of the way so you can focus on how your type, color and fluid units work together (Sketch / Illustrator / Photoshop are all very much static environments). We just want to get you building the best base as quickly as possible since so much of web apps and sites are text focused.
That’s a cool idea, haven't thought much about it – what would that look like for you in your workflow?
If I do the design on-the-fly I tend to make a quick sketch first, then add the HTML, and finally start styling it with CSS. For typographical fine-tuning I just keep changing the CSS attributes until it looks right using either MacVim + LiveReload or by using my browser's Web Inspector and see the changes live that way.
Where Typeshift could is by providing a GUI to do this fine-tuning so I don't have to mess around in the code. I'm not sure how that would work technically though.