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
- 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 Posts
Sign-up To The Newsletter And Get A Free eBook
- Sign-up to the Daily Blog Tips newsletter and you will be able to download the "Make Money Blogging" eBook for free (worth $47).
- You will also receive tips to improve your blog, strategies to make money and useful resources from around the web.
16 Responses to “Test Your Typography on FontTester.com”
Sponsors
Popular Articles
- 28 Ways to Make Money with Your Website
- 43 Web Design Mistakes You Should Avoid
- 4 Steps to Increase Your Blog Traffic
- How to Find Advertisers for Your Website
- Top 25 SEO Blogs
- 101 Blog Tips I learned in 2006
- 30 Traffic Generation Tips
- 6 Ways to Speed Up Your Site
- 9 Hacks to Show Readers Your Best Stuff
- 50 Simple Ways to Gain RSS Subscribers
- The Best Website Taglines
- What Is Success?
- How to setup a 301 Redirect
- The 7 Characteristics of Good Domains
- 7 Ways to Promote your Site
- Top 25 Celebrity Blogs
- What Is A Blog?
- Blog Setup: 40 Practical Tips
- 10 Tips To Write Your Most Popular Post
- The Blog Post Checklist
- Interview: 12 Top Online Entrepreneurs
- What Is Bounce Rate?
- 20 SEO Terms You Should Know
- How To Choose A Blog Name
- 10 Tips to Sell Your Website on Flippa
- Top 25 Web Design Blogs
Hey Daniel,
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”
Hi Daniel,
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
Hey Daniel,
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
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 !