Week 10: Custom Fonts

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.
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

Utility

Optional Textbook References

HTML5 &  CSS3 For The Real World