Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Adding Fonts from Fontsquirrel

  • We will use a font from fontsquirrel.com on our web page
  • Fonts are all licensed so you have to be careful you look over the license for the font before you add it to your pages
  • Check the license as you look at the fonts
  • Steps:
    1. Download fonts you want to use in the various formats-
    2. Set up the @font-face in your CSS
    3. Add the src attribute with urls listed to the font locations in your site, assign the font family name
    4. Use that name in your CSS for the various selectors
    5. Watch for the globe icon in the font description
    6. Download the fonts and unzip
    7. Go to the font generator and upload, only do 1 font for this lesson
    8. Select optimal and click agreement, you must have checked the licensing for each font
    9. Click the button
    10. Wait for it to give you a kit which contains an html file, and the font in various formats
    11. The Add the correct type in the format area and the sources twice
    12. View the CSS stylesheet that the font generator makes and the various html files
    13. Test the fonts in the various browsers

Adding Fonts from Fontsquirrel

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Font Squirrel Categories 1:20
    • Examples
    • Font Search
    • Font Information
  • Test Drive 3:13
  • Licensing Information 3:40
  • Web Font Kit Tab 4:07
    • Format Options
    • Saving Font Kit
  • Font Squirrel in Dreamweaver 6:39
    • How to Use
    • Locating Font
    • Linking to Style Sheet
    • Replacing Font Family
    • Setting Default Font