Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
- Understanding how good typography promotes reading
- Choosing web-safe fonts
- Applying web fonts in CSS with @font-face
- Adding and applying the Google Fonts syntax
- Finding and applying a good font size, line height, and line length
- Improving a color palette by improving contrast and reducing optical vibration
- Understanding how people mentally organize, or chunk, visual elements
- Applying a system of hierarchy in HTML and CSS
- Applying vertical spacing in CSS
- Adding emphasis within a heading
- Understanding classic and modernist typographic pages
- Adding a list of links
- Creating drop caps
- Fixing quotation marks, apostrophes, and dashes
Skill Level Appropriate for all
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!