选择“工具”>“管理字体”。
- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
使用“管理字体”对话框在 Dreamweaver 中添加和修改字体组合。
自 2022 年 7 月 1 日起,Dreamweaver 21.2 及更早版本中将停止使用 Adobe Edge Web Fonts。如果您的网站上使用的是 Edge Web Fonts,则可以使用 Adobe Fonts 或任何其他首选字体来更改它们。
字体组合确定浏览器显示网页中的文本的方式。浏览器使用用户系统上安装的字体组合中的第一种字体;如果未安装字体组合中的任何一种字体,则浏览器按用户的浏览器首选参数指定的方式显示文本。
向字体列表添加 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>
-
“Adobe Edge Fonts”选项卡显示可添加到字体列表的所有 Adobe Edge Web Fonts。
-
要从此列表找到字体并将其添加到字体列表,请执行以下操作:
- 单击要添加到字体列表的字体。
- 要取消选择字体,请再次单击该字体。
- 使用筛选器将首选字体列入候选。例如,要将衬线类型的字体列入候选,请单击 。
- 可使用多个筛选器。例如,要将可用于段落的衬线类型的筛选器列入候选,请单击 和 。
- 要按名称搜索字体,请在搜索框中输入其名称。
-
单击 筛选已选择的字体。
-
单击“完成”。
可从任意位置打开字体列表。例如,可使用“属性”面板的“CSS”部分中的“字体”列表。
在“字体”列表中,Dreamweaver 字体堆栈先于 Web 字体列出。向下滚动列表以找到您所选择的字体。
向字体列表添加 Web 字体
可将 Web 字体从计算机添加到 Dreamweaver 中的“字体”列表。Dreamweaver 的所有“字体”菜单中均会反映所添加的字体。支持 EOT、WOFF、TTF 和 SVG 类型的字体。
-
选择“工具”>“管理字体”。
-
在“管理字体”对话框中选择“本地 Web 字体”。
-
单击要添加的字体类型所对应的“浏览”按钮。例如,如果您的字体为 EOT 格式,则单击“EOT 字体”所对应的“浏览”按钮。
-
导航到计算机上包含该字体的位置。选择该文件并将其打开。如果该位置存在该字体的其他格式,则自动将这些格式添加到对话框。还自动根据字体的名称选取“字体名称”。
-
选择要求您确认已许可该字体供网站使用的选项。
-
单击“完成”。
随后在“本地 Web 字体的当前列表”中显示字体的列表。
要从字体列表中删除 Web 字体,请在“本地字体的当前列表”中选择该字体,然后单击“删除”。
创建自定义字体堆栈
字体堆栈是 CSS 字体系列声明中的字体列表。
-
选择“工具”>“管理字体”,然后选择“自定义字体堆栈”。
-
从对话框顶部的列表中选择字体组合。
所选组合中的字体在对话框左侧的“选择的字体”列表中列出。右侧是系统上安装的所有可用字体的列表。
-
执行下列操作之一:
若要在字体组合中添加或删除字体,请单击“选择的字体”列表和“可用字体”列表之间的箭头按钮(<< 或 >>)。
若要添加或删除字体组合,请单击对话框顶部的加号 (+) 和减号 (–) 按钮。
若要添加系统上未安装的字体,请在“可用字体”列表下面的文本字段中键入字体名称,然后单击 << 按钮将它添加到组合中。添加系统上未安装的字体在很多情况下都很有用,例如,当在 Macintosh 上开发页面时指定仅限 Windows 使用的字体。
若要在列表中上下移动字体组合,请单击对话框顶部的箭头按钮。
在字体列表中添加新组合
-
选择“工具”>“管理字体”。
-
从“可用字体”列表中选择一种字体,然后单击 << 按钮将该字体移动到“选择的字体”列表中。
-
对组合中随后的每个字体都重复执行第 2 步。
若要添加系统上未安装的字体,请在“可用字体”列表下面的文本字段中键入字体名称,然后单击 << 按钮将该字体添加到组合中。添加系统上未安装的字体在很多情况下都很有用,例如,当在 Macintosh 上开发页面时指定仅限 Windows 使用的字体。
-
选择完特定的字体后,从“可用字体”菜单中选择一个一般字体系列,然后单击 << 按钮将该一般字体系列移动到“选择的字体”列表中。
一般字体系列包括 cursive、fantasy、monospace、sans-serif 和 serif。如果用户系统上的“选择的字体”列表中没有任何字体,则文本以与一般字体系列相关联的默认字体显示。例如,大多数系统上的默认等宽字体是 Courier。
预览插入的字体
无法在设计视图中预览 Edge 和 Web 字体。要预览这些字体,请切换到实时视图,或在浏览器中预览页面。
跨文件更新 Web 字体脚本标签
更新链接到多个 HTML 文件的 CSS 文件中的字体时,系统会提示您在相关 HTML 文件中更新脚本标签。单击“更新”时,所有受影响 HTML 文件中的脚本标签都会更新。
更新页面上的 Web 字体脚本标签
选择“工具”>“清除 Web 字体脚本标签(当前页面)”以便更新网页上未在脚本标签中反映的任何 Web 字体。