fontAwesome SCSS

*用英语阅读：英语

1. 无需连接字体。储蓄http请求。
2. 不要以1个图标卸载150 kb 。
3. CSS中的所有inline SGV图标。纯HTML
4. 当字体平滑断开连接时，它不会失去质量。
5. 如果由于某种原因未卸载字体文件或卸载错误，则不会挑出图标。
6. 4.7版的所有图标

npm i fontawesome-scss --save-dev

或者只是将fontAwesome.scss扔进您的项目。

 @include fa ($имя - иконки, цвет, размер)

名称- 图标的名称由前缀$指示，示例： $fa-user 。颜色- css ，HEX，RGBA，CSS变量支持的任何值。尺寸- css支持的任何值任何值都可以跳过

红色图标，18px

 .icon-user {
    @include fa ( $fa-user , red , 18 px );
}

[

出口处的CSS

. text : before {
    content : '\00A0' ;
    display : inline-block;
    line-height : 44 px ;
    width : 44 px ;
    height : 44 px ;
    background-image : url (data:image/svg+xml utf8 , <svg xmlns = "http://www.***w3.org/2000/svg" x="0px" y="6.5-37.5 , 271.5 -112.5 S1876 , 22 , 1876 -84 S1838.5-280.5 , 1763.5 -355.5 z"/></svg>);
}

对于那些重视时间的人，崇高的片段。

< snippet >
	< content > <![CDATA[
@include fa (\$${1:name});
]]> </ content >
	< tabTrigger >fa</ tabTrigger >
	< scope >source.scss</ scope >
</ snippet >

Fontawesome -SCCS-是Reskwer和Sokoliurii的联合工作