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.
16 Responses to “Test Your Typography on FontTester.com”
Nifty little tool you found! Will have to play with this tool.
Have a great weekend…
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/”.)
Hey Daniel, great idea – thanks for sharing!
(btw, you might want to adjust your hyperlink – it goes to fonttesters.com instead of fonttester.com 🙂
The Link appears wrong – Here is the correct one http://www.fonttester.com/
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
Hi daniel, that link is not worked, correct that site link, In that link remove “s”
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 🙂
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!
Sorry for the broken link. It is working now.
very useful tool . i did not see as before. thankx
Dev @ Blogging Tips
Grreat. very useful tool. Thanks for sharing this !
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.
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
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.
Hmm, i need to learn this tools more since I’m not good at all on css.
Nice tool this can really make your job more aesier than before .Thanks for sharing Daniel !
Comments are closed.