css3基础02web字体及字体图标

一，web字体：
css3提供web字体，支持导入第三方字体文件。
实际开发中不会让用户下载整个字体文件包，而是在字库文件中截取某一段来减少用户容量。
（实际开发中美工会提供）
①阿里巴巴字体制作网站：iconfont-阿里巴巴矢量图标库。
在线制作文字→下载→下载后无文件后缀名→手动修改为.zip格式后解压→sublime里边复制粘贴。→把需要的文件粘贴到根目录下。→修改url中的路径。
※@font-face是css3提供的关键字，可以用来自定义字体。
font-family定义字体的名字。
src是引入的字体文件库。不同的浏览器支持不同的字体。
（一般情况下需要的字体，美工会提供给前端，只需要导入即可）。
②注意细节：我们只能够使用在线制作出来的那些文字，其他文字用不了。
但是在线制作的那些文字是可以修改顺序的。
二，web图标
iconfont-阿里巴巴矢量图标库。