Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Learn how to choose fonts for a web site and create beautiful, legible type. Author Laura Franz shares how to create designs that maximize readability (and keep visitors on the page) by paying attention to details in size, line-height, line length, alignment, color, vertical space, and more. Laura also demonstrates how to incorporate web fonts, style type with CSS, and pick fonts that work well together.
Regardless of what you may have heard, people read content on the Web. People search for things they need or want to know. They get lost in stories. People read what is important to them. Thus, our most important job is to help readers find, understand, and connect with the words, ideas, and information they seek. People read in three ways. People read casually, skimming over text, reading words or paragraphs here or there to get a sense of what it says.
For example, a reader will skim the headlines of an online news source looking for articles of interest. People scan with purpose, jumping from place to place on a site, looking for a specific piece of information. They may only read the first word or character of each item as they scan the screen. For example, when looking for contact information on a web page, a reader will look for a link that starts with the letter C, ignoring all the other links in the list.
People read in an engaged manner. When they find an article or blog post they are interested in, they will slowdown and read the whole text. They may even go into a trance like state. For example, when reading an article on a favorite site, a reader will focus on the text, reading it at their leisure. We can help facilitate all three ways of reading. This is what text looks like without applying typography. Good typography promotes reading. Font choice and size keep text legible and meaningful.
Good line length and line height can help guide our reader's eyes and ease the burden of following horizontal lines of text. Vertical spacing and hierarchy break up text into meaningful, manageable chunks of information. As web designers, we can use typography to create chunks of legible, meaningful, readable, scannable text. We can use typography to promote the reading and understanding of web content.
Find answers to the most frequently asked questions about Typography for Web Designers.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.