0

我使用 yeoman mobile-generator 创建了一个移动应用程序。
现在我想添加很棒的字体。我试过这个，但在编译过程中并没有真正起作用。一个小的建议或经验会很棒

好吧，确实有点不清楚。对不起。
编译过程有效，但控制台显示 404 未找到字体。
我不太清楚如何做到这一点的好方法。从 scss 文件创建 CSS，在 index.html 中使用“<-- build: ... -->”或其他东西实现 .min.css？！

当我在我的主 .scss 文件中添加它时，找不到字体。

$fontAwesomePath: "../bower_components/font-awesome/fonts";
@import '../bower_components/font-awesome/scss/font-awesome.scss';

Grunt 将字体文件 fe 复制并重命名为：

5a6b8fb8.FontAwesome
4

3 回答 3

2

听起来像 grunt rev https://github.com/cbas/grunt-rev正在重命名您的字体文件。只需在您的 Gruntfile 中查找类似的内容：

// Renames files for browser caching purposes
rev: {
  dist: {
    files: {
      src: [
        '<%= yeoman.dist %>/styles/fonts/*'
...

删除字体行，你应该没问题。

于 2014-01-28T04:10:17.643 回答
2

好的，看来我可以在这个答案
的帮助下解决这个问题。 用凉亭安装的字体很棒：

bower install --save font-awesome


然后只需 index.html 中的这一行就解决了我的问题。

<!-- build:css styles/vendor/fontawesome.css -->
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
<!-- endbuild -->


感谢@OddEssay 和@bpaul 的帮助！！

于 2014-01-29T19:36:34.857 回答
1

@importing scss 负责处理 CSS 方面的事情，但我认为您还需要将资产移动到浏览器可以访问它们的位置，因此grunt-contrib-copy可以完美地完成这项工作。因此，如果您的 webrootpublic类似于：

copy: {
      main: {
        files: [
          {expand: true, cwd: '../bower_components/font-awesome/fonts', src: ['*.*'], dest: 'public/fonts'}
               ]
      }
于 2013-11-07T00:44:58.050 回答