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 字体列出。向下滚动列表以找到您所选择的字体。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:清理代码
Dreamweaver CC教程:清理代码,清理,删除,文档,教程,标签,用于,...
-
Dreamweaver CC教程:在“设计”视图中
Dreamweaver CC教程:在“设计”视图中编写和编辑脚...
-
Dreamweaver CC教程:编辑服务器端包含的内容
Dreamweaver CC教程:编辑服务器端包含的内容,服务器端,教程,检...
-
Dreamweaver CC教程:编辑代码片段
Dreamweaver CC教程:编辑代码片段,代码片段,教程,字段,对话框,...
-
Dreamweaver CC教程:验证 XML 文档
Dreamweaver CC教程:验证 XML 文档,文档,验证,教程,浏览器,报...
-
Dreamweaver CC教程:如何充分利用代码片段
Dreamweaver CC教程:如何充分利用代码片段,代码片段,教程,编码...
-
Dreamweaver CC教程:添加库、标签和属性
Dreamweaver CC教程:添加库、标签和属性,属性,标签,教程,选择,...