Dreamweaver CC教程:向字体列表添加Adobe Edge Web Fonts

Dreamweaver CC教程:向字体列表添加Adobe Edge Web Fonts

使用“管理字体”对话框在 Dreamweaver 中添加和修改字体组合。
字体组合确定浏览器显示网页中的文本的方式。浏览器使用用户系统上安装的字体组合中的第一种字体;如果未安装字体组合中的任何一种字体,则浏览器按用户的浏览器首选参数指定的方式显示文本。
向字体列表添加 Adobe Edge Web Fonts
可在网页中使用 Adobe Edge Web Fonts。在页面中使用 Edge 字体时,将添加额外的脚本标签以引用 JavaScript 文件。此文件将字体直接从 Creative Cloud 服务器下载到浏览器的缓存。
显示页面时,即从 Creative Cloud 服务器下载字体,即使用户计算机上有该字体也会下载。
例如,仅使用字体“Abel”的脚本标签为如下格式:
<!--以下脚本标签从 Adobe Edge Web Fonts 服务器下载字体以在网页中使用。我们建议您不要修改它。-->
<script>var adobewebfontsappname ="dreamweaver"</script>
<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>
1、选择“工具”>“管理字体”。
“Adobe Edge Fonts”选项卡显示可添加到字体列表的所有 Adobe Edge Web Fonts。
2、要从此列表找到字体并将其添加到字体列表,请执行以下操作:

单击要添加到字体列表的字体。 要取消选择字体,请再次单击该字体。 使用筛选器将首选字体列入候选。例如,要将衬线类型的字体列入候选,请单击 。 可使用多个筛选器。例如,要将可用于段落的衬线类型的筛选器列入候选,请单击  和 。 要按名称搜索字体,请在搜索框中输入其名称。

3、单击  筛选已选择的字体。
4、单击“完成”。
可从任意位置打开字体列表。例如,可使用“属性”面板的“CSS”部分中的“字体”列表。
在“字体”列表中,Dreamweaver 字体堆栈先于 Web 字体列出。向下滚动列表以找到您所选择的字体。

 

推荐阅读