html中如何使用网络字体？

网络字体(字体图标库的使用)
1) webfont （网址：http://www.xiazaiziti.com/tag/ttf?btwaf=178657100)
（windows可通过控制面板-外观与个性化-字体查看电脑含有的字体）
1. 下载对应的字体
2. 将下载好的字体文件放到对应的目录
3. 在style标签中引入（声明字体）
@font-face {
font-family: ‘随意’;（给下载好的字体起名字）
src: url(’./HYXinHaiXingKaiW.ttf’);
}
4. 在需要使用字体的文本的标签加上font-family即可(使用字体）
div {
font-family:‘随意’;
}
2) 字体图标库iconfont、fontawesome
iconfont
1.加购物车 -> 添加至项目 -> 生成在线链接
2.复制在线css代码到icon.css(自己新建)/下载到本地，引 入 iconfont.css
3.使用 class='iconfont 图标名’的行内标签
fontawesome
1. 在bootcdn中搜索fontawesome，引入link到页面
2. 使用class="fa fa-user-circle"的行内标签
或者
1.下载离线fontawesome
2.引入离线包（所有）
3.使用 class="fa fa-user-circle"的行内标签，加粗部分为图标名称，可直接复制