fontAwesome SCSS

fontawsome-sccs

*用英语阅读：英语

fontawesome-sccss？

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的联合工作