You can add 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.
You can 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:
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var adobewebfontsappname ="dreamweaver"</script>
<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>
-
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.
You can add web fonts from your computer to the Font list in Dreamweaver. The added fonts are reflected in all Font menus in Dreamweaver. Fonts of the type EOT, WOFF, TTF, and SVG are supported.
A font stack is a list of fonts in a CSS font-family declaration. Using the Custom Font Stacks tab of the Manage Fonts dialog, you can do the following:
- Add new font stacks using the “+” button.
- To edit existing font stacks, select the font stack from the Font List. Use the “>>” and "<<" buttons to update the list of Chosen Fonts.
- Delete existing font stacks using the “-“ button.
- Reorder stacks using the arrow buttons.
You cannot preview Edge and Web fonts in the Design view. Switch to Live view or preview the page in a browser to preview them.