webfont|test

Share on:
:( No Javascript, no party!

Test up to three fonts

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.

"Wood letterpress blocks" by Michele M. F. - Flickr: 4K Retina resolution wallpaper 16:10 - Wood letterpress.
Licensed under CC BY-SA 2.0 via Wikimedia Commons.
What Webfont|test is

It's a tool to test and analyze webfonts that you intend to use in your websites or projects.

You can compare fonts from different sources (Google Fonts, System Fonts or any font file downloaded from internet), analyze their x-height, weights, characteristics and peculiarities, and display their legibility at different sizes.

What it's not

Its' not a tool to discover new fonts: web has plenty of these tools and another one is not necessary. Use Google Font, Font Squirrel or simply search on Google.

How to use it
  1. 1
    Find out some fonts you like.
  2. 2
    Choose a Google Font from the list above or use the button to upload a custom font. You can also test a system font simply by typing its name in the input box.
  3. 3
    Drag the font to align it to the baseline and drag the lines to compare font's heights.
  4. 4
    Click on the little pencil in the top right border to modify the text at your will.
Using Google Chrome?

Install webfont|test app for chrome for a quick access!

baseline x-height cap height ascender height descender height
Type Type Type
(
)		 (
)		 (
)
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
consectetur adipisci elit consectetur adipisci elit consectetur adipisci elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum nunc consequat, venenatis massa a, facilisis quam. Duis suscipit, sapien id consectetur elementum, ligula quam ultricies diam, vel egestas justo turpis non orci. Nulla tempus vulputate sem, tincidunt luctus urna ullamcorper non. Proin ipsum velit, viverra vitae orci vel, lobortis dapibus ante. Suspendisse quis tellus id neque lacinia iaculis. Morbi ultricies interdum mi, sed mattis magna hendrerit vel. Mauris congue enim vel diam malesuada, sed bibendum leo congue. Suspendisse rutrum pharetra enim ac cursus. Donec ultricies commodo odio in lobortis. In eget arcu et nulla porttitor rhoncus et vel tortor. Pellentesque mattis adipiscing dui et iaculis. Quisque auctor nibh eget pulvinar volutpat. Cras a mollis quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum nunc consequat, venenatis massa a, facilisis quam. Duis suscipit, sapien id consectetur elementum, ligula quam ultricies diam, vel egestas justo turpis non orci. Nulla tempus vulputate sem, tincidunt luctus urna ullamcorper non. Proin ipsum velit, viverra vitae orci vel, lobortis dapibus ante. Suspendisse quis tellus id neque lacinia iaculis. Morbi ultricies interdum mi, sed mattis magna hendrerit vel. Mauris congue enim vel diam malesuada, sed bibendum leo congue. Suspendisse rutrum pharetra enim ac cursus. Donec ultricies commodo odio in lobortis. In eget arcu et nulla porttitor rhoncus et vel tortor. Pellentesque mattis adipiscing dui et iaculis. Quisque auctor nibh eget pulvinar volutpat. Cras a mollis quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum nunc consequat, venenatis massa a, facilisis quam. Duis suscipit, sapien id consectetur elementum, ligula quam ultricies diam, vel egestas justo turpis non orci. Nulla tempus vulputate sem, tincidunt luctus urna ullamcorper non. Proin ipsum velit, viverra vitae orci vel, lobortis dapibus ante. Suspendisse quis tellus id neque lacinia iaculis. Morbi ultricies interdum mi, sed mattis magna hendrerit vel. Mauris congue enim vel diam malesuada, sed bibendum leo congue. Suspendisse rutrum pharetra enim ac cursus. Donec ultricies commodo odio in lobortis. In eget arcu et nulla porttitor rhoncus et vel tortor. Pellentesque mattis adipiscing dui et iaculis. Quisque auctor nibh eget pulvinar volutpat. Cras a mollis quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Mauris congue enim vel diam malesuada, sed bibendum leo congue. Suspendisse rutrum pharetra enim ac cursus. Donec ultricies commodo odio in lobortis. In eget arcu et nulla porttitor rhoncus et vel tortor. Pellentesque mattis adipiscing dui et iaculis. Quisque auctor nibh eget pulvinar volutpat. Cras a mollis quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris congue enim vel diam malesuada, sed bibendum leo congue. Suspendisse rutrum pharetra enim ac cursus. Donec ultricies commodo odio in lobortis. In eget arcu et nulla porttitor rhoncus et vel tortor. Pellentesque mattis adipiscing dui et iaculis. Quisque auctor nibh eget pulvinar volutpat. Cras a mollis quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris congue enim vel diam malesuada, sed bibendum leo congue. Suspendisse rutrum pharetra enim ac cursus. Donec ultricies commodo odio in lobortis. In eget arcu et nulla porttitor rhoncus et vel tortor. Pellentesque mattis adipiscing dui et iaculis. Quisque auctor nibh eget pulvinar volutpat. Cras a mollis quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Copyright © 2014 - 2025 Lorenzo Zottar (LordGiotto)
Fork me on github Report a bug
Max font at this resolution: normal