components/font-awesome

Font Awesome，标志性的SVG、字体和CSS框架。

维护者

详细信息

github.com/components/font-awesome

源代码

问题

安装次数：3,343,595

依赖项: 73

建议者: 2

安全: 0

星星: 193

关注者: 22

分支: 57

开放问题: 2

语言：SCSS

类型：组件

6.5.2 2024-04-08 15:15 UTC

CC-BY-4.0, MIT, OFL-1.1 399200378d29bacb524c0e19318ea5ff5d74aa7f

This package is auto-updated.

Last update: 2024-09-08 16:09:22 UTC

README

Font Awesome的Shim存储库。

完整的图形图标、示例和文档可以在以下位置找到：https://fontawesome.com/

包管理器

  • npm: components-font-awesome
  • Bower: components-font-awesome
  • Component: components/font-awesome
  • Composer: components/font-awesome

安装

Gulp

重新编译Bower

如果使用Bower，请务必使用gulp bower重新编译Bower。如果您没有相应的代码，以下是一个示例。

// Update Foundation with Bower and save to /vendor
gulp.task('bower', function() {
  return bower({ cmd: 'update'})
    .pipe(gulp.dest('vendor/'))
});
合并CSS

使用Gulp，通常有一个函数可以将所有的scss文件合并到css文件中，以加快页面加载速度。在我们的示例中，我们运行函数gulp style将所有scss文件合并到./assets/css/下的css文件中。

移动字体文件夹

以下是重要部分，默认的字体文件夹与编译后的Bower文件位于不同的路径。我们需要将字体从默认的字体文件夹移动到编译后的Bower文件夹（在示例中，vendor是编译文件夹）。

// Move font-awesome fonts folder to css compiled folder
gulp.task('icons', function() {
    return gulp.src('./vendor/components-font-awesome/webfonts/**.*')
        .pipe(gulp.dest('./assets/fonts'));
});

许可证