Adobe Dreamweaver CC 2015 - Manual (Page 285)

278
Page content and assets
Last updated 6/3/2015
4 When you have finished selecting specific fonts, select a generic font family from the Available Fonts menu and click
the << button to move the generic font family to the Chosen Fonts list.
Generic font families include cursive, fantasy, monospace, sans-serif, and serif. If none of the fonts in the Chosen
Fonts list are available on the user’s system, the text appears in the default font associated with the generic font
family. For example, the default monospace font on most systems is Courier.
Add Edge Web Fonts to the Font list
You can add both Adobe Edge Web Fonts to the Font list in Dreamweaver. In the Font list, Dreamweaver supported font
stacks are listed first ahead of Web fonts and Edge Web Fonts.
Add Adobe Edge Web Fonts to the Font list
You can now use Adobe Edge Web Fonts in your web pages. When an Edge font is used in a page, an additional script
tag is added to reference a JavaScript file. This file downloads the font from the Creative Cloud server directly to the
browser’s cache.
When displaying the page, fonts are downloaded from the Creative Cloud server even if the font is available on the
user's computer.
For example, a Script tag that uses only the font "Abel" has the format:
var adobewebfontsappname ="dreamweaver"
1 Select Modify > Manage Fonts.
2 The Adobe Edge Fonts tab displays all the Adobe Edge Web Fonts that you can add to the Font list.
3 To find and add fonts from this list to the Font list, do the following:
• Click the font that you would like to add to the font list.
• To deselect a font, click the font again.
• Use filters to shortlist preferred fonts. For example, to shortlist fonts of the Serif type, click .
• You can use multiple filters. For example, to shortlist filters of Serif type that can be used for paragraphs, click
and .
• To search a font by its name, enter its name in the search box.
4 Click to filter the fonts that you have selected.
5 Click Done.
6 Open the Font list from any location. For example, you could use the Font list in the CSS section of the Properties
panel.
In the Font list, the Dreamweaver font stacks are listed ahead of the web fonts. Scroll down the list to locate your
selected fonts.