Online Font Testing Tools

Cyreal
Cyreal
Cyreal

Cyreal is a collaborative platform that produces quality open-source fonts and offers drag and drop font testing web utility (based on Pablo Impallari’s project).

Link

Impallari Testing Utility
Impallari
Impallari

Impallari Testing Utility is a web platform for drag and drop font testing.

Link

Cyrill-o-pedia
Cyrill-o-pedia
Cyrill-o-pedia

Reference on Cyrillic glyphs for designers. DISCLAIMER: Information is provided for practical design purposes only. Service is provided ‘as is’. All fonts provided are open-source.
Cyrill-o-pedia (v0.2) is a localisation fork of Devanaguide by Andrés Torresi at Huerta Tipográfica (andres@huertatipografica.com). Designed and coded by Alexei Vanyashin. View on Github.

Link

GreekGuide
GreekGuide
GreekGuide

Website for visualizing and comparing the greek alphabet in different fonts and contexts.

Link

DevanaGuide
DevanaGuide
DevanaGuide

Website for visualizing and comparing the devanagari alphabet in different fonts and contexts.

Link

Vernnobile
Vernnobile
Vernnobile

Drag and drop fonts for testing: truetype / opentype / WOFF. Latin script, Cyrillic script tests.

Link

Webfont|test
Webfont|test
Webfont|test

You can choose a Google Font or a Websafe font from the list, write the exact name of a System Font or Upload a custom font file for test and compare.

Link

Typecast
Typecast
Typecast

Typecast is a free design tool for prototyping web type, web pages & RWD. Create visual & semantic designs. Check for readability & rendering. Quickly create fluid, HTML/CSS prototypes you can test on real devices.

Link

Type Zebra
Type Zebra
Type Zebra

Type Zebra is a Font Tester. Test your fonts in a web browser and try fonts online for free. Compare local fonts with Google Fonts and Adobe Edge Fonts.

Link

Font Dragr
Font Dragr
Font Dragr

Font dragr allows you to easily test custom fonts, through the @font-face at-rule, without the need for any CSS coding or knowledge of CSS coding. All you need to do is drag and drop. It alleviates the cumbersome nature of testing custom fonts and allows you to quickly and easily load in a font, play around with it and see if it’s the right one for you.

Link

Font Map
Font Map
Font Map

Designers at IDEO wanted to bring artificial intelligence to the world of fonts, so they created Font Map, a quick experiment to see how machine learning can address challenges in design.
Font selection is one of the most common visual choices designers make—and most fall back on old favorites, or search for a font within categories. By leveraging AI and convolutional neural networks to draw higher-vision pattern recognition, we have created a tool that helps designers understand and see relationships across more than 750 web fonts.
We hope this experience will inspire fellow designers to experiment with machine learning and AI, and use these new capabilities in ways that are insightful, inspiring, and valuable.

Link

Lorem Ipsum Generator
Lorem Ipsum Generator
Lorem Ipsum Generator

Generator for randomized typographic filler text. Include latin and nonlatin language support Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It’s also called placeholder (or filler) text. It’s a convenient tool for mock-ups. It helps to outline the visual elements of a document or presentation, eg typography, font, or layout.

Link

Transfonter
Transfonter
Transfonter

Webfont generator. The @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.
Usage: click the Add font(s) button, select the TTF, OTF, WOFF, WOFF2 or SVG fonts on your computer and click Convert. Download zip archive with converted fonts, css styles and demo page. That’s all!

Link

Web Font Generator
Web Font Generator
Web Font Generator

Generate a web font. Select a .ttf or .otf file. Click generate and you will be able to preview and download a .zip file with pre-generated .css, .eot, .woff, .svg, true type and optionally open type files. Place those files on your website, edit CSS files to point to the uploaded font and you are done!

Link

Tiff
Tiff
Tiff

A type diff tool that visually contrasts the differences between two fonts.
Currently supports fonts from the Google Web Fonts library and any system fonts. Best if viewed on the latest version of modern browsers.

Link

Online Character Map
Online Character Map
Online Character Map

Online character map for installed or even not installed fonts. Choose your preffered font and you’ll see interesting information for it.

Link

If you like this site and find it useful, help us to make it better by giving feedback, suggesting improvements or by donation.

Donate

Leave a Reply