Tools to Compare Fonts Online
I've been using Typetester for some time as an online alternative to fiddling around with CSS in order to test out font settings.
However, more recently I've come across a couple of alternatives that show promise.
The first is Designer Plaything, which, while a little rough around the edges, provides a useful alternative to Typetester in that you can try out different headline / body copy combinations.
With some more font options and some further development — more customization options, user-defined text, the addition of sub-headings — this could turn into quite a useful tool.
Designer Plaything also provides a brightness and contrast check of your color settings, which is a nice touch.
The second is Font Tester.
It's very customizable and, like Typetester, allows you to compare fonts against each other.
However, it doesn't include the option to compare headings alongside body copy.
It also seems a little bug-prone which precludes me from recommending it wholeheartedly. For example, in Firefox changing the number of columns via the 'View' option causes the example text to disappear.
Posted on: October 8, 2007 | 7 Comments
Recent Entries in "Tools & Resources"
- Web Designers
- Find Local SEO Jacksonville Professional
- Medifast Coupon Code
- fully managed hosting
- Beautiful, Peaceful Custom Fish Tanks
- Reliable, Affordable Carpet Cleaning
- SEO Marketplace
- Blogging
- CSS
- Popular
- Real Life
- SEO
- Showcases
- Tools & Resources
- Top Ten Lists
- Usability
- Web Design
- Web General
- Writing for the Web
- 37 Examples of Abandoned Shopping Cart Emails (7)
- Building Your Online Reputation (8)
- Forbes Doesn't Care About the User Experience (0)
- Easily Create iOS and Android App Store Badges (0)
- 15 Online Tools for Creating Great Content Ideas (1)
- Web Design Trends to Help You Spring Clean Your Resumé (7)
- Looking to Hire an Email Marketing Manager (0)
- Create Awesome Article Headlines in Seconds with the Content Idea Generator (23)
- Two Great Guides to SEO for Large Websites (1)
- Lessons Learned from Launching an Online Store on Magento (1)
- 30 Call to Action Examples that are Better than Learn More (5)
- 50+ Examples of Highly Optimized Landing Page Design (24)
- Components of a Great Website Footer (0)
- Login Form Showcase: 65+ Examples of Login Form Design (0)
- CSS Rounded Corners 'Roundup' (65)
- Using a Background Image Grid to Lay Out Your Web Site (43)
- Typography for Headlines (20)
- How to Get a Job in the Web Industry (24)
- How to Create a Block Hover Effect for a List of Links (32)
- How to Write a Web Site Creative Brief (6)
- Don't Make Me Think: A Common Sense Approach to Web Usability
- Web ReDesign 2.0: Workflow that Works
- White Space is Not Your Enemy: A Beginner's Guide to Communicating Visually through Web Design
- Basics of Web Design: HTML5 and CSS3
- Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement
- Prioritizing Web Usability
- The Web Designer's Idea Book: The Best Themes, Trends and Styles in Website Design
- The Principles of Beautiful Web Design
- Convert!: Designing Web Sites to Increase Traffic and Conversion
- HTML and CSS: Design and Build Websites
- View more recommended reading…
7 Comments Posted
Will check them out.
I have actually never thought of using something like this before, so thanks
1. Posted by Jermayn Parker on October 09, 2007
Thanks for this cool tool. Making CSS sheets with the right font just got a bit more simple thanks to you..i pass you a cookie!
2. Posted by Adrian on October 15, 2007
Great tool, thanks!
3. Posted by Kamil Bugala on October 25, 2007
Man, I feel like an idiot because I have never used something like this. What a great idea. Of course, I'm not an active designer but do some stuff on the side. This would save me a ton of time.
4. Posted by Tim Wall on October 26, 2007
Here's another tool: CSS Type
5. Posted by Christian Watson on October 26, 2007
Oh, and Em Calculator looks pretty useful too.
6. Posted by Christian Watson on October 29, 2007
Thank you for your article about "Tools to Compare Fonts Online" and the two links to another css texthelper from the commentars, too.
7. Posted by Ralph on October 30, 2007