Gridlover is a free to use web application for creating a type system with modular scale and vertical rhythm.

Inside a page with major HTML tags for type like headings, lists, paragraphs or article, it allows playing with values like:

• body font size
• body line height
• scale factor
• sizes for each element
• the unit desired (px, rem or em)

and keeps everything tidy by scaling them accordingly. Once you are set, it outputs the generated CSS rules for use.

When designing a website, it is generally hard to decide which font(s) to use. Also, it is hard to compare which font looks better as, normally, we can test 1 font at a time.

Typetester is web based font comparison service which you can compare the mostly available fonts – 3 at a time -, colors, backgrounds, sizes, alignments & more. In many cases, Typetester makes the life of a web designer easier. Give it a try!