Gridlover CSS Type Styling App

File this one under the header of why I love the web. Gridlover’s simple, powerful, and free app lets you style your site CSS for type directly in your browser, and the WYSIWYG user interface make the experience pleasant, fast, and easy.

Typically, CSS type coding for your web site or individual page requires imagining what the results will look like, and that’s not always easy. Switching views back and forth in Dreamweaver can be tiresome, and introducing variables like line height, scale (between tags), and font size tend to get bogged down, if not impossible when you’re dealing with thousandths of whatever metric you prefer – pixels, ems, or SCSS.

What About Web Fonts?

Web fonts? Previewing the results typically requires updating the code and previewing online, which isn’t exactly elegant. Seeing the end result in Gridlover simply requires pasting in the HREF link and you’re there.

Try it yourself and see why using Gridlover to set up your type style sheet is a no-brainer. It puts the fun back in designing your site’s typography, instead of a chore that has to be dealt with.