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

Get Dreamweaver CC Digital Classroom now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.