- Our Work
- Industries We Serve
- Services We Deliver
- Why Work with Us
- Our Thinking
- Week in Review
- 5 Ways Design Systems Create Business Value
- 5 Ways to Make Your Nonprofit Engage Using Facebook Timeline
- 6 Great Interactive Data Visualization Tools (Part 1)
- 6 Great Interactive Data Visualization Tools (Part 2)
- Announcing the First Brands Behaving Badly Awards
- Best of 2011 Roundup
- Brands Behaving Badly, Summer 2010 Bronze Medalist, Lebron James
- Brands Behaving Badly, Summer 2010 Gold Medalist, BP
- Brands Behaving Badly, Summer 2010 Silver Medalist, Toyota
- DIY Communications: Multitasking Your Way to a Mediocre Brand
- Five Things to Consider as You Dive Into Responsive Web Design
- Getting High on Your Own Supply
- Intervention: Identity Crisis Edition
- Invest in Partners, Not Products
- Is Your User Experience Degrading Your Brand?
- Labeling for Good: White Paper
- Maximizing Design Firm Relationships During the Budgeting Process
- Maximizing Design Firm Relationships by Managing Stakeholder Input
- Maximizing Design Firm Relationships by Setting Appropriate Success Metrics
- Putting Pinterest to Work for Your Business or Nonprofit Brand
- Putting Pinterest to Work for Your Business or Nonprofit Brand Part 2
- Responsive Design Planning: More Than a Line Item
- Rethinking the Traditional Policy Report
- Show Your Nonprofit's Brand a Little Love!
- Speaking a Client's Language
- State of the State of the Union: Power(Point) to the People?
- Stepping Back From Komen's Brand Disaster
- The 5 Benefits of Designing a Consistent Brand
- The Fundamentals of Developing a Strong Brand
- The Website RFP - Basic Best Practices for Small Businesses and Non-Profit Organizations
- Three Ways for Nonprofits to Maximize Design Firm Relationships
- Three Ways to Future-Proof Your Content Management System
- Web Typography Part 1
- Web Typography: An Important Way to Strengthen Your Brand Online (Part 2)
The 6 Best Web Type Services: Part 2
Web Typography: A Critical Element of a Strong Brand.
Variable per-per-font download. Looks like a normal, high-quality font is $25/weight (News Gothic) for 10,000 pageviews/month. Prices go up from there based on quality and usage. I like this model! Why? 1) Pay for the right to use a font on websites. 2) Download the files and host them yourself. Common sense and easier for everyone involved - no recurring fees to manage. Very similar to buying fonts for print.
Library Size: A+
43,672 - that's a lot!!
Typeface Quality: A
They've got a bit of everything, so getting to the good stuff can take a little work. But for serious typographers, there are a lot of high quality faces from good foundries are here.
Ease of Use: B
This is easy to use if you have set up @font-face before, since you host the files yourself and setup the CSS yourself. This is not terribly difficult and there are many tutorials on the web. The website is great - especially for trying to identify a font you don't know the name of.
MyFonts' self-hosted solution puts control over performance in your hands.
Nice to be able to browse and buy your print and web fonts in one place. MyFonts is a good place to start at the beginning of a project to make sure all your font licensing needs can be taken care of.
Learn more at MyFonts.com
What's better than free?
Library Size: C
735 families - not bad...did I mention it's free?
Typeface Quality: D
Well, you do indeed get what you pay for. There's nothing awesome here, but there are a handful of decent, usable web fonts. I've used Font Squirrel for hobby projects and extremely budget-conscious clients. Be forewarned though, most options here tend to look a bit rookie…
Ease of Use: B-
Again, easy to use if you have set up @font-face before, since you host the files and setup the CSS yourself. The website is pretty good at helping you find faces.
Self-hosted puts control over performance in your hands.
You can usually get a desktop version of the fonts from FontSquirrel, which is handy if you need to do any print work.
Learn more at FontSquirrel.com
Free, free, free!
Library Size: C
For the brand that's known for having the most online information on practically everything, their font offering is pretty paltry: 466 families. But for free, you can;t really complain.
Typeface Quality: C
A bit better than Font Squirrel but many of these faces are duplicates of what Font Squirrel and also have that same dollar-store vibe to them.
Ease of Use: B
Again, easy to use if you have set up @font-face before, since you host the files and setup the CSS yourself.
Another Google product...Pretty soon, we won't need any other company for anything!
Learn more at Google Web Fonts
And the winner is...
So, these are the six web font offerings we use most frequently in the studio. There are many more out there that I didn't review —not because they're awful, just because we don't have a lot of firsthand experience with them.
If I had to pick my favorite from this list, I'd go with Typekit. $50/year is pretty easy to handle for essentially unlimited access to a really solid (and growing) library. They also have the backing of Adobe which has some pretty deep pockets to improve the quality, reliability, and depth of the service.
Regardless of which service you use, web type is finally here and it is good for everyone. Designers are free to use typography in ways that were difficult, if not impossible only a few years ago—and developers don't have to fuss around with bloated replacement techniques like SiFR and Cufon anymore.
But the big winner is brands. Brand consistency across print and web is incredibly important, and until recently, was one of the major hurdles online that stood in their way.
Posted by Paul Chamberlain
March 21, 2012
Categories: Branding, Design, Technology, Web Design
InsightsGetting Buy-In: How to Galvanize Stakeholders and Create an Army of Support for Your Project InsightsThe Real Climate Change Crisis InsightsInsights From The 2014 NTC & GMN Conferences InsightsMSDS Presenting on Branding, UX and Dataviz at Upcoming Nonprofit Conferences InsightsIndexes are the New Infographics Insights6 Ways to Tell Your Story With Interactive Maps InsightsHow Brand Strategy Leads to More Effective Website Design Insights3 Non-Technical Solutions to Some of Obamacare's Biggest Website Problems InsightsLabeling for Good: 5 Keys to Using Information Design for Social Change