10 Useful Resources For Web Typographers

The current web design trends take a turn to minimalism, with flat design coming out in the lead. When you strip away many visual elements that create a visual impact, you rely heavily on typography to make your design beautiful. 2014 is shaping up to be an exciting year for typography trends, particularly if you are working with responsive or flat designs. So to help you improve and learn more about typography, i have compiled some useful tools and resources to help you get started.

Typewolf

Not just another design gallery, Typewolf helps designers choose the perfect font for their next web project. Typewolf shows fonts in use on actual websites, as well as background info about the font and personal recommendations for similar fonts.

typewolf-1

Typ.io

We’re revealing designers’ decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they’re using and how they’re using them.

typio-2

Typewonder

Type Wonder is an online tool allowing you to preview how the different fonts will look like on your website.

typewonder-3

Flowtype.Js

FlowType.JS makes it easy to change the font size and line height of your text based on an element’s width.

flowtype-4

FontFeed

The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world.

fontfeed-5

Typography Served

Typography Served features top work in categories such as typeface design, lettering, illustrated typography, or any piece with a strong typographic treatment.

Typography-Served-6

wordmark.it

Wordmark.it helps you choose fonts by previewing a word of your choice with the fonts installed on your computer.

wordmark-8

Fount

Fount will tell you which web font in your font-stack you are actually seeing – not just what is supposed to be seen. It’ll also tell you the font size, weight, and style.

fount-7

The Web Font Combinator

This tool has been built to allow previewing of font combinations in a fast, browser-based manner. There have been numerous printed books through the years that allowed a designer to put a headline font next to a body font, and this is an attempt to recreate that for the web.

fontcomb-9

typo/graphic posters

typo/graphic posters is a platform for inspiration and promotion of good design through the poster culture.

typo-graphic-posters-10

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.