From Nielsen Norman Group: Vertical lists attract the eye and make each list element stand out on its own. Thus, they are more effective than inline lists at making key points easier to scan, reference, and understand.
From Neilsen Norman Group: A two-part experiment found that different tones of voice on a website have measurable impacts on users’ perceptions of a brand’s friendliness, trustworthiness, and desirability. Casual, conversational, and enthusiastic tones performed best.
From Typewolf: These are the 40 best free web fonts available on Google Fonts, in my humble opinion. They are all open-source and 100% free for commercial use. This collection focuses on typeface families from reputable type designers and foundries that contain multiple weights and styles. I’m purposefully avoiding single-weight display faces as they have limited usefulness in real-world design projects.
From Design Shack: Everyone with a website needs a style guide. It’s that simple. If you’re wanting to instil more consistency in your project, and get everyone on the same page, your style guide will become invaluable.
Now that we have that out of the way, what exactly do you put in that guide? And how do you make sure other people on the team follow the rules so that your visual presence maintains consistency? That’s a little more complicated.
Up-to-date data on support for type and typographic features on the web. Search or choose from the features below to get started.
From Tim Brown: Quite a bold claim. Can typography be universal? Can it work for everyone and still look good? How can we practice? What should we study? Which fonts and tools work best? Should designers and developers work together on this?
Whether you’re a novice or an expert in any medium, good decisions take practice — and great ones stand on a solid foundation. Typekit Practice is a collection of resources and a place to try things, hone your skills, and stay sharp. Everyone can practice typography.
From Donny Truong
A guide to all things in type
Typography is the craft of arranging type with the goal to make language visible. We arrange type multiple times throughout the day; whether we are writing essays, summarizing meeting minutes or creating slides for a presentation. Unfortunately, we usually end up thinking more about what we write than how we write it. And, most importantly, how others will read it.
From Kenneth Ormandy: When a developer I’m working with asks, “Why did you select that font,” they never seem to accept “Self-preservation,” as my answer. Type designer Pierre Haultin may have actually been able to get away with this claim.
Haultin lives and works in Paris during the mid-sixteenth century, designing type and printing books for a living. How the the type he designs performs—how efficient the letterforms are spatially on the page—is more relevant to his personal safety, than it is to his contemporaries.
From IA.net: 95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.
From Dear Design Student: The best tips and resources about web typography will challenge you to adjust your definition of typography. You must be willing to accept that challenge, or you’re wasting your time.
Ellen Lupton is curator of contemporary design at Cooper-Hewitt, National Design Museum in New York City and director of the Graphic Design MFA program at Maryland Institute College of Art (MICA) in Baltimore. An author of numerous books and articles on design, she is a public-minded critic, frequent lecturer, and AIGA Gold Medalist.