css的@规则(@import 、 @charset、@font-face...)

@规则的引用情景

1.import

@import "路径";  导入另外一个css属性

2.charset

@charset "utf-8"; 告诉浏览器该CSS文件，使用的字符编码集为utf-8，必须写到第一行

3.font-face

@font-face{font-family:"iconfont"，url("路径")};  自定义字体

Web字体和图标

1.Web字体

（1）当用户电脑上没有安装相应字体时，强制让用户下载该字体

（2）使用@font-face指令做一个新字体

    例：/* 制作一个新的字体，名称叫作good night */

          @font-face{
                           font-family:"good night";  新字体取名
                           src:url(".font/good night.ttr");  新字体放的位置路径
                      注: ttr格式支持chrome，要得到更好的兼容性，需要得到不同浏览器的字体格式
                   }

           p{
                font-family: "good night"; 强制用户使用定义好的字体，没有则浏览器临时下载
           }

2.字体图标

 字体图标下载网站    iconfont.cn