Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
The main project for this course is a list of typography resources I highly recommend. I did this purposely to introduce you to books and web sites on typography before you even got to the end of this course. But I'd like to take a moment to share some of my favorite resources. Even as an experienced typographer, I still like to be reminded of how other excellent, engaged typographers think about and use type. For this there is no better web site than ilovetypography.com.
It inspires me every time and John Boardley is a great typographer. You can trust his advice. As a web typographer I find A List Apart keeps me on my toes, moving forward in my field. Nicewebtype.com keeps me informed, because Tim Brown is great at compiling everything that comes his way about typography, and he knows type. You can trust his advice too. FontSquirrel and Google web fonts keep me abreast of free fonts, which is important to my students.
They're both on top of the font linking technology. Hues Hub helps me pick my colors, HTML Dog keeps me going at 3 am when I can't for the life of me remember simple syntax, and browsershots.org allows me to test typographic methods across 80 browsers, when I've only got three on my Mac laptop. I visit most of these sites at least once a week and I cannot recommend them highly enough. But if you're interested in learning more about typographic theory, that is why type works the way it does and how to be a better typographer.
and the sites I just mentioned leave you wanting more. I'd recommend any and all of the books listed on the Typography Resources page you built. There is only one exception. Ben Shahn's book is an art book. It's out of print and it's very expensive. It's about his lifelong love of letters and while it's one of my personal favorites, it might not be what you're looking for. But if you want a book on the basics, Designing With Type, A Type Primer, and Thinking with Type are all classics.
I refer to them again and again. If I had to pick one to recommend that you read first, I'd pick Ellen Lupton's Thinking with Type, only because it goes out of its way to include web typography and it has a few more visual examples. So you might be able to find more of the connection with it than the others more immediately. If you're looking for something more poetic, I would recommend The Elements of Typographic Style. It will remind you of the power of typography. I've thoroughly enjoyed sharing my love of typography with you through this class.
I hope you keep learning about type and how to use it on the web. This is an exciting time to be a web designer. We are the newest practitioners of a very old art form. Visualizing ideas and information through letters, words, and text is a powerful skill and an awesome responsibility. Congratulations!
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.