Typography is a big deal, a really big deal. If it wasn’t for typography, much of what we would see either in the newspaper or on our digital devices would look pretty much the same. Good typography is the reason why it took nearly 15 years for Google to adapt to a new typography standard; read more about the new Google logo, a more modernized version of what is possible with current technology and typographic insights.
While everyone knows of fonts such as Comic Sans, Open Sans, or Droid Sans — the world of fonts, and typography, is much bigger than just few household names. As you will find out in the following roundup of some of the best typography resources on the web, the world of typography design can stretch far and wide, and there really isn’t an end to it, at least not a decided end. Typography is evolving beyond the traditional use cases, and this is only the beginning.
If you want to catch up with the latest developments in web typography and typographic knowledge in general, then Nice Web Type is a great place to start. It is managed by Adobe Typekit’s Tim Brown, who frequently shares new insights and resources for anyone, whether designer or just a curious person, who is keen to learn more about the crafting capabilities of good typography and how it can affect the overall user experience.
Have you ever run into a website that has the most amazing font choices, but you’re unable to locate the exact font that particular website is using? Worry not, because WhatTheFont will help you with determining the type of font a particular site is using by having you upload a screenshot of the particular font you’re looking for and the font searching platform will take care of the rest. The results vary, but it’s definitely worth trying it at least once to see if there is a match.
This grid example from Chris Coyier has aged over the years, but is nonetheless an invaluable resource to anyone who wants to understand more about the way typography works on webpages and what are the best ways to optimize your font choices for optimal reading experience. Also crucial to those who are working with user interfaces, since typography plays a big role in that.
Not only is flipping typical great for analyzing how different fonts look, it’s a great way to explore the type of fonts you have readily available on your device. Scroll down the page to find the LOAD MORE button to load the rest of the fonts and enjoy the font browsing experience. Far too often we try to view each font individually, when in fact we can just load them all using this website and save ourselves a ton of time.
With wp-Typography you can improve your web typography with by adding hyphenation, space control, intelligent character replacement, and CSS hooks to your blogs typographic options panel. Although the plugin hasn’t been updated in several years, more than 10,000+ active users are using it, knowing very well the benefits from such a plugin.
Whereas Flipping Typical will give you a list of the fonts you have on your computer, and also give you a general idea of how each one looks, Typetester will give you a full-blown experience of how different fonts look next to each other, with customized options; height, weight, size, spacing, text alignment, and more. Thousands of fonts to choose from, and countless inspirational ideas to be found using Typetester.
Baseline was built with one thing as the primary goal, to be able to build websites that are not only pleasantly organized in practical grids, but also to feature industry standard typography and typographical choices. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline started out as a simple demo framework, which later grew to become one of the most widely known typography frameworks available. Baseline grids are still a new thing for many, but this framework is a great introduction to it.
You might not know anything about typography at all, or you might think you know everything, but the I Love Typography resource has everything to offer to both beginners and professionals who want to dive deeper into the possibilities of font and typography choices. Amazing database of font examples, font tutorials and insights, as well as interviews and plenty of freebies to keep yourself busy for days!
Although FontFeed has been discontinued as a publishing platform, you can find the new sister site over at FontShop News, but not to disvalue the potential of FontFeed — an amazing typography resource that’s home to dozens of amazing, and evergreen, articles about typography and all that it entails. Both old FontFeed and new FontShop are two truly remarkable resources for professional designers and design enthusiasts who want to spice things up a little.
With more than 700 open-source fonts available for download and use, Google Fonts stands out as one of the leading fonts provider platforms on the planet. It almost seems that every new WordPress theme that comes out these days is benefiting from Google Fonts in one way or the other, and there is no shortage of WordPress plugins that let us integrate all 700+ fonts at once. Each font can be hosted on your own server, or you can choose to use Google’s servers and use the fonts that way.
MyFonts has been around for 15+ years, and has established itself as one of the leading font resources for designers, artists, and developers. You can indulge yourself in some 1000+ free fonts, but also explore the opportunity to purchase fonts from professional and experienced designers that will add unique flavor to your websites, apps and designs. Each premium font comes with many different styles, giving you the right value for your money.
Typographica is a review of typefaces and type books, with occasional commentary on fonts and typographic design.
Typographica is a review of typefaces and type books, with occasional commentary on fonts and typographic design. If you run into a book that you’re not entirely sure about, there is a very likely chance that Typographica will have reviewed it and will have given an honest opinion about it. Don’t forget to explore the yearly roundups to take a look at some of the most innovative and creative fonts released over the years.
Typekit is a premium font service from Adobe. It’s a paid service, but in exchange for your subscription you’re able to get access to super high-quality fonts that will blow the socks off your next project. You get full permissions to use the fonts in any way you like upon establishing a subscription. Before committing, you can try out the Free plan to explore options and to take a look at some of the readily available fonts. This is the place that typography geniuses use to power their own and client websites.
More than 9000+ fonts, nearly 2000~ unique designers, FontShop offers a wide selection of unique and creative fonts that will compliment projects of any caliber. Easy to browse directory of fonts enables for anyone to find exactly what they’re looking for, whether its artistic or professional.
TypeInspire is the largest inspiration gallery of typography and text effects. Each submission on this resource is complimented with an image and also an attribution link to who is the author of the particular image. A lot of the stuff comes from sites like Dribbble and Behance, and TYPEinspire does the job of weeding out the bad stuff and only keeping the good stuff that others might find inspiring and useful.