Contents
Intro to this Week
Fortunately, this class is loaded a bit heavy in the first half of the semester, so some of our days/weeks will be lighter now. However, you do have larger projects.
Up to this point, we’ve been very limited in our font options. We’ve used font-families to give our webpages options because they’ve been limited to the fonts installed on the end user’s computer. This week we’re looking at two ways to install and use custom fonts on our pages. Each requires the user’s browser to download font information from a web server before displaying it.
Having wrapped up Lab 4, you should now be working on Project 3.
This Week’s Work
1. Setup for Dreamweaver Work
Download the demo files custom-fonts.zip. Decompress and put the contents of the resulting folder into your week10 folder.
2. Custom Fonts
Watch the following videos on 2 ways you can use custom fonts on your webpages:
3. Inspecting Code in a Browser
Here’s a quick video that will help you inspect and debug HTML and CSS code:
4. Online Reading
Here are three articles for you to read:
Lab Time/Homework
Additional Resources
Articles
- Beautiful Web Type (samples of Google Fonts)
- Learn How Fonts and Web Typography Work in HTML: A Beginner’s Guide
- CSS pro tips: responsive font-sizes and when to use which units