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.
Related ArticlesPlease install the YARPP plugin
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 http://www.fonttester.com/
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 “http://fonttesters.com/”.)
Nifty little tool you found! Will have to play with this tool.
Have a great weekend…
Comments are closed.