使用“管理字体”对话框在 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 字体列出。向下滚动列表以找到您所选择的字体。

向字体列表添加 Web 字体

可将 Web 字体从计算机添加到 Dreamweaver 中的“字体”列表。Dreamweaver 的所有“字体”菜单中均会反映所添加的字体。支持 EOT、WOFF、TTF 和 SVG 类型的字体。

  1. 选择“工具”>“管理字体”。

  2. 在“管理字体”对话框中选择“本地 Web 字体”。

  3. 单击要添加的字体类型所对应的“浏览”按钮。例如,如果您的字体为 EOT 格式,则单击“EOT 字体”所对应的“浏览”按钮。

  4. 导航到计算机上包含该字体的位置。选择该文件并将其打开。如果该位置存在该字体的其他格式,则自动将这些格式添加到对话框。还自动根据字体的名称选取“字体名称”。

  5. 选择要求您确认已许可该字体供网站使用的选项。

  6. 单击“完成”。

    随后在“本地 Web 字体的当前列表”中显示字体的列表。

要从字体列表中删除 Web 字体,请在“本地字体的当前列表”中选择该字体,然后单击“删除”。

创建自定义字体堆栈

字体堆栈是 CSS 字体系列声明中的字体列表。

  1. 选择“工具”>“管理字体”,然后选择“自定义字体堆栈”。

    修改字体组合
    修改字体组合

  2. 从对话框顶部的列表中选择字体组合。

    所选组合中的字体在对话框左侧的“选择的字体”列表中列出。右侧是系统上安装的所有可用字体的列表。

  3. 执行下列操作之一:
    • 若要向字体组合中添加字体或从中删除字体,请单击“选择的字体”列表和“可用字体”列表之间的箭头按钮(<< 或 >>)。

    • 若要添加或删除字体组合,请单击对话框顶部的加号 (+) 和减号 (–) 按钮。

    • 若要添加系统上未安装的字体,请在“可用字体”列表下面的文本字段中键入字体名称,然后单击 << 按钮将它添加到组合中。添加系统上未安装的字体在很多情况下都很有用,例如,当在 Macintosh 上开发页面时指定仅限 Windows 使用的字体。

    • 若要在列表中上下移动字体组合,请单击对话框顶部的箭头按钮。

在字体列表中添加新组合

  1. 选择“工具”>“管理字体”。

  2. 从“可用字体”列表中选择一种字体,然后单击 << 按钮将该字体移动到“选择的字体”列表中。
  3. 对组合中随后的每个字体都重复执行第 2 步。

    若要添加系统上未安装的字体,请在“可用字体”列表下面的文本字段中键入字体名称,然后单击 << 按钮将该字体添加到组合中。添加系统上未安装的字体在很多情况下都很有用,例如,当在 Macintosh 上开发页面时指定仅限 Windows 使用的字体。

  4. 选择完特定的字体后,从“可用字体”菜单中选择一个一般字体系列 (font-family),然后单击 << 按钮将该一般字体系列 (font-family) 移动到“选择的字体”列表中。

    一般字体 (font-family) 包括 cursive、fantasy、monospace、sans-serif 和 serif。如果用户系统上的“选择的字体”列表中没有任何字体,则文本以与一般字体系列 (font-family) 相关联的默认字体显示。例如,大多数系统上的默认等宽字体是 Courier。

预览插入的字体

无法在设计视图中预览 Edge 和 Web 字体。要预览这些字体,请切换到实时视图,或在浏览器中预览页面。

跨文件更新 Web 字体脚本标签

更新链接到多个 HTML 文件的 CSS 文件中的字体时,系统会提示您在相关 HTML 文件中更新脚本标签。单击“更新”时,所有受影响 HTML 文件中的脚本标签都会更新。

更新页面上的 Web 字体脚本标签

选择“工具”>“清除 Web 字体脚本标签(当前页面)”以便更新网页上未在脚本标签中反映的任何 Web 字体。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略