3

私の質問は、Grunt プロジェクトに font-awesome を含める方法ですか?

関連していると思われる私の Gruntfile の部分は次のとおりです。

        方位磁針： {
            オプション: {
                sassDir: '/スタイル',
                cssDir: '.tmp/styles',
                imagesDir: '/images',
                javascriptsDir: '/scripts',
                fontsDir: '/styles/fonts',
                importPath: '/bower_components',
                relativeAssets: 真
            }、
            距離: {},
            サーバー: {
                オプション: {
                    debugInfo: 真
                }
            }
        }、

PS 私が見た: Yeoman、bower パッケージを参照する方法 (font-awesome)? --> コピーについて話していますが、Grunt コードは示していません。

PPSなぜ Yeoman は /styles/fonts なしでビルドするのですか? - ただし、font-awesome (Bower から提供) のフォントを使用する方法は示していません。

4

2 に答える 2

1

grunt-contrib-copyを使用してアイコン ライブラリをコピーします。

まず、以下を使用して grunt-contrib-copy をロードする必要があります。

grunt.loadNpmTasks('grunt-contrib-copy');

その後、次のようなタスクを作成します。

grunt.initConfig({
    // ...
    copy: {
        libraries: {
            files: [
                {
                    expand: true,
                    cwd: 'bower_components/fontawesome/fonts/',
                    src: ['**/*'],
                    dest: 'public/fonts/'
                }
            ]
        }
    }
    // ...
});

最後に、デフォルト タスクを使用する場合は、これを呼び出す必要があります。

grunt.registerTask('default', ['copy:libraries']);
于 2015-07-28T20:37:28.633 に答える
-2

ここでの答えは @font-face です。

これは大いに役立ちました：entypo

また、pictos.cc と fontsquirrel は、@font-face を使用するためのヒントを提供します。

于 2013-10-24T20:36:44.067 に答える