Create an Account (Typetester is a free tool. You are welcome.)

A web designer’s tool of choice

  • Design in the browser

    Where better to preview your design, than in the browser. No more inconsistencies when rendering fonts in your graphical editor and browser(s) of choice.

  • Responsive output

    Create fully responsive typographic designs that adapt to the size of the screen and retain their proportions. The same as an image, only far more accessible.

  • Retina-crisp designs

    Web fonts are retina ready straight out of the box. No longer will you need to maintain multiple versions of your assets nor add new ones each time a new device is announced.

  • No coding required

    Export your designs as HTML and CSS. We’ll prepare a responsive CSS snippet that you can tweak to your hearts content and/or share with your developer(s).

  • Share projects

    Collaborate openly with clients or colleagues. Grant permissions allowing fellow collaborators to either edit or preview a project.

  • Over 2800 web fonts

    Always find the perfect typeface for each project with web fonts from Adobe Edge, Adobe Typekit and Google Fonts.

Advanced CSS and Web Typography features

  • Multiple weights

    Create more contrast by using a wide palette of weights from Ultra Light to Black. Many fonts come with 9 weights including their respective italics, potentially giving you up to 18 different styles to choose from.

  • Optical sizes

    Access type families that work together to provide the best legibility and expression at a wide range of sizes. From attention-grabbing headlines to readable body copy, to legible small print.

  • OpenType features

    Enhance the readability and legibility of text by alternating characters using standard and discretionary ligatures, small caps, context specific numerals etc.

  • Rotate and Flip

    Create refreshing typographic arrangements by rotating and flipping letters. Try rotate a curly bracket in various typefaces and admire the different moustache styles.

  • Layer opacity and blending modes

    Push your creativity to the next level by using effects such as knock-out, overlap and transparency etc., that are now available in CSS.

  • Font Explorer

    Find the perfect typeface(s) for projects. Filter and review typefaces based on traditional classifications, uses or properties.

Create an Account (Typetester is a free tool. You are welcome.)