在 Dreamweaver 中添加和修改字体组合

优质

小牛编辑

131浏览

2023-12-01

使用“管理字体”对话框在 Dreamweaver 中添加和修改字体组合。

字体组合确定浏览器显示网页中的文本的方式。浏览器使用用户系统上安装的字体组合中的第一种字体；如果未安装字体组合中的任何一种字体，则浏览器按用户的浏览器首选参数指定的方式显示文本。

向字体列表添加 Adobe Edge Web Fonts

可在网页中使用 Adobe Edge Web Fonts。在页面中使用 Edge 字体时，将添加额外的脚本标签以引用 JavaScript 文件。此文件将字体直接从 Creative Cloud 服务器下载到浏览器的缓存。

显示页面时，即从 Creative Cloud 服务器下载字体，即使用户计算机上有该字体也会下载。

例如，仅使用字体“Abel”的脚本标签为如下格式：

可从任意位置打开字体列表。例如，可使用“属性”面板的“CSS”部分中的“字体”列表。

在“字体”列表中，Dreamweaver 字体堆栈先于 Web 字体列出。向下滚动列表以找到您所选择的字体。

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

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

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

选择“工具”>“管理字体”，然后选择“自定义字体堆栈”。
修改字体组合
从对话框顶部的列表中选择字体组合。
所选组合中的字体在对话框左侧的“选择的字体”列表中列出。右侧是系统上安装的所有可用字体的列表。
执行下列操作之一：
- 若要向字体组合中添加字体或从中删除字体，请单击“选择的字体”列表和“可用字体”列表之间的箭头按钮（<< 或 >>）。
- 若要添加或删除字体组合，请单击对话框顶部的加号 (+) 和减号 (–) 按钮。
- 若要添加系统上未安装的字体，请在“可用字体”列表下面的文本字段中键入字体名称，然后单击 << 按钮将它添加到组合中。添加系统上未安装的字体在很多情况下都很有用，例如，当在 Macintosh 上开发页面时指定仅限 Windows 使用的字体。
- 若要在列表中上下移动字体组合，请单击对话框顶部的箭头按钮。

选择“工具”>“管理字体”。
从“可用字体”列表中选择一种字体，然后单击 << 按钮将该字体移动到“选择的字体”列表中。
对组合中随后的每个字体都重复执行第 2 步。
若要添加系统上未安装的字体，请在“可用字体”列表下面的文本字段中键入字体名称，然后单击 << 按钮将该字体添加到组合中。添加系统上未安装的字体在很多情况下都很有用，例如，当在 Macintosh 上开发页面时指定仅限 Windows 使用的字体。
选择完特定的字体后，从“可用字体”菜单中选择一个一般字体系列 (font-family)，然后单击 << 按钮将该一般字体系列 (font-family) 移动到“选择的字体”列表中。
一般字体 (font-family) 包括 cursive、fantasy、monospace、sans-serif 和 serif。如果用户系统上的“选择的字体”列表中没有任何字体，则文本以与一般字体系列 (font-family) 相关联的默认字体显示。例如，大多数系统上的默认等宽字体是 Courier。

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

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

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