Propeople Blog

A regular dose of fresh news, events, products, Drupal development resources and more.

November 29, 2010

Outstanding Typography Resources

Typography is key to awesome design. It is the part of the design that requires constant and throughout improvement.

Simply said, you just can't get enough typography. Despite tremendous resources available online, we dare to present yet another collection of outstanding typography resources: articles, tools, websites, books and free font collections just to make your typography work easier and the Web a better looking place. What typography resources do you constantly use?

Typography Articles

10 Typography Tips to Bring your Skills to the Next Level

"An often overlooked aspect of web design, by those just starting out, is typography. In fact, web designers that have been around for a couple years even have a tendency to overlook and undervalue the power of typography. Don’t be mistaken though, it’s one of the most powerful tools web designers have..." check it out


The Future of CSS Typography

"In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text..." check it out


12 Examples of Paragraph Typography

"Some of these styles are experiments using pseudo elements and adjacent sibling selectors; browser support is not consistent. Paragraph font size is set at 1em (equivalent to 16px if browser font size is unchanged) and line height set at 1.25em. Georgia was used exclusively..." check it out


On Web Typography

"There are many books and articles on typography, but considerably few explore typeface selection and pairing. With the floodgates poised to open and the promise of many typefaces being freed up for use on websites..." check it out


10 Great Tips To Improving Your Web Typography

"Once a specialist occupation, the digital age has opened typography to computer users and web designers. When creating pages and laying out text with other content there are several guiding principles that designers should bear in mind. Typography is a huge field of study, but this post brings together a handful of hints to help web designers improve their pages..." check it out


A Brief Introduction to Typography

"Typography, I find, is still a bit of mystery to a lot of designers. The kind of typography I’m talking about is not your typical “What font should I use” typography but rather your “knowing your hanging punctu ation from your em-dash” typography. Call me a little bit purist but this bothers me..." check it out


10 Common Typography Mistakes

"The goal of this post is to help designers and clients understand the importance of good type skills, while avoiding some of the common mistakes. Please keep in mind that most of these mistakes are subjective and can be changed varying on the project, goals or circumstances..." check it out


Font, TypeFace, TypeStyle, Typefamily, FontType? Whatever.

"There is a universal confusion over the (anally) correct way to refer to the letters, characters, shapes, bitmaps, vectors we associate as being words. Frankly, does it really matter? Well, yes and no. Well actually yes it does, well to me it does anyway..." check it out


Mastering Typography in Web Design with Inspiration & Tools

"Typography is one of the most difficult trends to tackle which is why it will remain fresh in 2010. With all the cries for usability, web designers are afraid of using new and different fonts. We realize that nowadays, knowledge in typography can be applied into various forms in almost all of media fields, including graphic design and the publishing world..." check it out


Styles, Weights, Widths — It’s All in the (Type) Family

"The concept of coordinated type families consisting of different related typefaces or styles is a fairly recent phenomenon. The two most common styles are roman (upright) and italic (a different, slanted design)..." check it out

Typography Tools


The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated. check it out



HTML Ipsum is a simple site offering similar lorem ipsum texts with html markup which will help you create pages to test css styling. check it out



Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches in our database. check it out


Font Tester

Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages. To use it all you have to do is simply enter the text you would like to preview, modify the various CSS properties until you find a style you like, and then click on the Get CSS Code button to generate all the necassary CSS code to reproduce those styles in your webpage. check it out


Font Burner

Font Burner is a website enhancement tool that makes it easy for you to add new fonts to your website. Websites are basically limited to the default fonts that come with all computers. That’s because a user must have the fonts installed on their computer in order to have it show up in their browser. Font Burner bypasses this limitation with our archive of fonts that work universally in all browsers and on all computers. check it out



FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks. check it out



Readability is a simple tool that makes reading on the Web more enjoyable by removing the clutter around what you're reading. check it out



MyFontbook is an unique online font viewer that saves time by providing a number of tools to view installed fonts quickly and easily. Unlike a classic font management tool, MyFontbook is platform independent and can be used freely through any web browser. That means that is works on all your computers. Even Linux! MyFontbook is fast. Really fast. check it out


Baseline Rhythm Calculator

Will show you what different font sizes look like next to each other when set up with your established vertical rhythm. It’s a great way to make sure all the font sizes you’re using will look okay. check it out



TypeNavigator currently searches a large portion of FontShop's collection. New font libraries will be added over time, continually increasing the chances that you'll find exactly what you're seeking. check it out


1,000 Type Treatments: From Script to Serif, Letterforms Used to Perfection

1,000 Type Treatments showcases an array of fonts in a catalog-like format, making it easy for the working designer to practically shop for ideas. The book is organized by style so if a designer has a traditional, elegant, or edgy piece, they can go directly to that section of the book, where they will find a wide collection of fresh ideas in the style they are seeking. check it out


Grid Systems: Principles of Organizing Type

Although grid systems are the foundation for almost all typographic design, they are often associated with rigid, formulaic solutions. However, the belief that all great design is nonetheless based on grid systems (even if only subverted ones) suggests that few designers truly understand the complexities and potential riches of grid composition. check it out


Stop Stealing Sheep & Find Out How Type Works

Stop Stealing Sheep, Second Edition is a unique, entertaining, and educational tour through the most basic unit of written communication: type. World-renowned type experts Erik Spiekermann and E.M. Ginger explain in everyday laymen's terms what type is and how you can use it to enhance the legibility, meaning, and aesthetic level of your work. They elegantly touch on all aspects of typography, including the history and mechanics of type, how to train your eye to recognize and choose typefaces, and how to use space and layout to improve overall communication. check it out


The Complete Manual of Typography

"The ultimate typographic tool: a concise, beautiful book that pulls together everything you need to produce great typography." check it out


The Elements of Typographic Style

This lovely, well-written book is concerned foremost with creating beautiful typography and is essential for professionals who regularly work with typographic designs. Author Robert Bringhurst writes about designing with the correct typeface; striving for rhythm, proportion, and harmony; choosing and combining type; designing pages; using section heads, subheads, footnotes, and tables; applying kerning and other type adjustments to improve legibility; and adding special characters, including punctuation and diacritical marks. The Elements of Typographic Style teaches the history of and the artistic and practical perspectives on a variety of type families that are available in Europe and America today. check it out


Thinking with Type: A Primer for Designers: A Critical Guide for Designers, Writers, Editors, & Students

Worthy of adding to your library; it's essential if you salivate when you look at well-designed and well-chosen type. check it out

Free Font Collections


check it out


1001 Free Fonts

check it out


Search Free Fonts

check it out



check it out


Abstract Fonts

check it out


25 Free Brilliant Fonts For Logo Design

That rounds up 25 beautiful free fonts that would grace any logo and do it proud. These fonts perform well in all sizes and weights and are not just limited to logo design. check it out


50 High-Quality Free Fonts for Professional Design

In this post we’ll feature some of the best free fonts that can be used in your commercial designs. check it out


45 Outstanding Free Vintage Fonts

Fonts have been grouped informally, with contemporary interpretations alongside (almost) original prototypes. All are available free for personal use, but please make sure to read the license agreements carefully. check it out


65 Beautiful Free Fonts for Web and Graphic Designers

In this post we are presenting some of the Really Beautiful Free Fonts for Web and Graphics Designers which they can use for their future projects. The main purpose for this post is to provide Professional, Famous, and the most important Free fonts to help you find all the fonts at one place and not let you go for time consuming searches. check it out


50+ Free Fonts Collection for Web Designers and Logo Artists

Typography is a very important part of Designing. When it comes to Web and Logo Designing it is very important to find the appropriate font. So in this article you can find some excellent font collection for logo and web designing. check it out

Comment to suggest other great typography resources. Don't miss a post, subscribe to our RSS feed and follow us on Twitter.

0 Responses to this post