Test Your Typography on FontTester.com
Optimizing the typography on your site is very important, because it affects how easily visitors will be able to read your content. I just came across a neat little tool you can use to do just that. It is called FontTester.com.
The site basically let’s you tweak and compare blocks text. You can use a single, double or triple column layout, and tweak each one independently. Among other things you’ll be able to change the:
- font size
- font color
- line height
- letter spacing
- word spacing
If you haven’t touched your typography in a while, or if you believe you could improve things a bit, while not use this Friday to do that? Once you find a combination that suits your website well you can copy and paste the CSS code.
Browse all articles on the Blog Design category or check the recommended articles for you below:
16 Responses to “Test Your Typography on FontTester.com”
Nice tool this can really make your job more aesier than before .Thanks for sharing Daniel !
Hmm, i need to learn this tools more since I’m not good at all on css.
Pinoy @ How to blog
Wow Daniel! Thanks for sharing this kind of tool. It will be helpful for me to improve the typography of my site.
I think that this can be an excellent tool for making sure your readers not only can read but would also understand your content. And with that I believe it may increase our site’s accessibility
My admiration to you, you can always find useful tools like this. I was lucky by visiting here every day I can realize the existence of tools like this.
Dev @ Blogging Tips
Grreat. very useful tool. Thanks for sharing this !
very useful tool . i did not see as before. thankx
Sorry for the broken link. It is working now.
This one is a good tool. I remember pulling my hair out when setting up typography to find perfect combination. Hopefully, this tool will make life easier!
few weeks I added some text in my blog in some font (I don’t remember which font). But when I viewed it in Windows 7 chrome browser it was smoother and more steady and looks like another font family. Does this happen? Or will be some mistake I’ve made?
-Roshan Ahmed 🙂
Hi daniel, that link is not worked, correct that site link, In that link remove “s”
Nice find – had a bit of a play with it, but I think I still prefer Firebug. FontTest also puts the font-size in ‘x-small’ which is less than ideal – rather than em’s or pixels. FontTest gives it all to you upfront, but with a bit of knowledge Firebugs easy 🙂
Also, the link is broken in the post
The Link appears wrong – Here is the correct one
Hey Daniel, great idea – thanks for sharing!
(btw, you might want to adjust your hyperlink – it goes to fonttesters.com instead of fonttester.com 🙂
Your link in the first paragraph is broken. (The anchor text is “FontTester.com”, but the actual URL you’re linking to is ”
Nifty little tool you found! Will have to play with this tool.
Have a great weekend…
Comments are closed.