字符图标

1.字符图标设置有三种方法:

1. 使用@font-face

@font-face(mailto:1.使用@font-face){

Font-family ; (字体名字);   字体名字可以是自己下载的,也可以是系统自带的,通常用   iconfont比较多

Src : url( 路径 );        路径可以是网络上的链接,也可以项目目录中的

}

2.      伪元素.

  ::before{
     Content : “\e666” ;
     Font-family : ‘iconfont’ ;
     Font-size : 100px ;
     Font-weight : bold ;

    }

此方法较为方便 , 只需要将阿里云中字符图标下载下来 , 在html中用link引用就可以使用

.

3.      实体

本质与font-face一样 , 可以用实体显示 , 例如   空格实体符号.

例 : <span class=”fas”> &#xf0f3 ; </span>

        同样的在head中需引用字体符号,即css文件.