fontAwesome SCSS

字体下载 2025-07-31

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 : '0A0' ;
    display : inline-block;
    line-height : 44 px ;
    width : 44 px ;
    height : 44 px ;
    background-image : url (data:image/svg+xml utf8 , = "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"/>);
}

升华

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

< snippet >
	< content > 
@include fa ($${1:name});
]]> content >
	< tabTrigger >fatabTrigger >
	< scope >source.scssscope >
snippet >

版权

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

下载源码

通过命令行克隆项目:

git clone https://github.com/reskwer/fontAwesome-SCSS.git