可向 Dreamweaver 中的字体列表添加 Adobe Edge Fonts 和 Web Fonts 字体。在字体列表中,首先列出 Dreamweaver 支持的字体堆栈,然后再列出 Web Fonts 和 Edge Web Fonts。
向字体列表添加 Adobe Edge Web Fonts
向字体列表添加 Web Fonts
创建自定义字体堆栈
预览插入的字体
跨文件更新 Web 字体脚本标记
更新页面上的 Web 字体脚本标记
向字体列表添加 Adobe Edge Web Fonts
现在可在网页中使用 Adobe Edge Web Fonts。在页面中使用 Edge 字体时,将添加额外的脚本标签以引用 JavaScript 文件。此文件将字体直接从 Creative Cloud 服务器下载到浏览器的缓存。
显示页面时,即从 Creative Cloud 服务器下载字体,即使用户计算机上有该字体也会下载。
例如,仅使用字体“Abel”的脚本标签为如下格式:
<script>var adobewebfontsappname ="dreamweaver"</script>
<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>
选择“修改”>“管理字体”。
“Adobe Edge Fonts”选项卡显示可添加到字体列表的所有 Adobe Edge Web Fonts。
要从此列表找到字体并将其添加到字体列表,请执行以下操作:
单击要添加到字体列表的字体。
要取消选择字体,请再次单击该字体。
使用筛选器将首选字体列入候选。例如,要将衬线类型的字体列入候选,请单击
。
可使用多个筛选器。例如,要将可用于段落的衬线类型的筛选器列入候选,请单击
和
。
要按名称搜索字体,请在搜索框中输入其名称。
单击
筛选已选择的字体。
单击“完成”。
可从任意位置打开字体列表。例如,可使用“属性”面板的“CSS”部分中的“字体”列表。
在“字体”列表中,先列出 Dreamweaver 字体堆栈,然后再列出 Web 字体。向下滚动列表以找到您所选择的字体。
向字体列表添加 Web Fonts
可将 Web 字体从计算机添加到 Dreamweaver 中的“字体”列表。Dreamweaver 的所有“字体”菜单中均会反映所添加的字体。支持 EOT、WOFF、TTF 和 SVG 类型的字体。
选择“修改”>“管理字体”。
在随后显示的对话框中,单击“本地 Web 字体”选项卡。
单击要添加的字体类型所对应的“浏览”按钮。例如,如果您的字体为 EOT 格式,则单击“EOT 字体”所对应的“浏览”按钮。
导航到计算机上包含该字体的位置。选择该文件并将其打开。如果该位置存在该字体的其它格式,则自动将这些格式添加到对话框。还自动根据字体的名称选取“字体名称”。
选择要求您确认已许可该字体供网站使用的选项。
单击“完成”。随后在“本地字体的当前列表”中显示字体的列表。
要从字体列表中删除 Web 字体,请在“本地字体的当前列表”中选择该字体,然后单击“删除”。
创建自定义字体堆栈
字体堆栈是 CSS font-family 声明中的字体列表。可使用“管理字体”对话框的“自定义字体堆栈”选项卡执行以下操作:
使用“+”按钮添加新字体堆栈。
要编辑现有字体堆栈,请从字体列表中选择字体堆栈。使用“>>”和“<<”按钮更新“选择的字体”的列表。
使用“-”按钮删除现有字体堆栈。
使用方向按钮将堆栈重新排序。
预览插入的字体
无法在设计视图中预览 Edge 和 Web 字体。要预览这些字体,请切换到实时视图,或在浏览器中预览页面。
跨文件更新 Web 字体脚本标记
更新链接到多个 HTML 文件的 CSS 文件中的字体时,系统会提示您在相关 HTML 文件中更新脚本标记。单击“更新”时,所有受影响 HTML 文件中的脚本标记都会更新。
更新页面上的 Web 字体脚本标记
选择“命令” > “清除 Web 字体脚本标记(当前页面)”以便更新网页上未在脚本标记中反映的任何 Web 字体。