O'Reilly logo

Dreamweaver CC Digital Classroom by AGI Creative Team, Greg Heald, Michael Arguin

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Lesson 8: Using Web Fonts

Dreamweaver CC offers improved support for web fonts, including the addition of the free Adobe Edge Web Fonts service. Web fonts offer a way to enhance your page by embedding custom fonts, even if visitors to your site do not have the font on their system.

dw08.psd 

What you’ll learn in this lesson:

  • Web fonts in Dreamweaver CC
  • Using Adobe Edge Web Fonts
  • Creating custom font stacks
  • Using local web fonts

Starting up

Before you begin, reset your workspace to ensure your tools and panels are consistent. For more information, see “Resetting the Dreamweaver workspace” in the Starting up section of this book.

In this lesson, you will work with several files from the dw08lessons folder. Make sure that you have loaded the dwlessons folder onto your hard-drive from www.digitalclassroombooks.com/epub/dreamweavercc. For more information, see “Loading lesson files” in the Starting up section of this book.

Before you can proceed with the exercises in this section, you need to create site settings that point to the dw08lessons folder. Go to Site > New Site, or for details on creating a site, refer to Lesson 2, “Setting Up a New Site.”

The basics of web fonts

The limited choice of fonts for the Web has been a problem for many years. (The way fonts work on the Web was outlined in Lesson 3, “Adding Text and Images.”) The core issue is that if you define a specific font ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required