0

私は、yeoman mobile-generator を使用してモバイル アプリケーションを作成しました。
ここで、素晴らしいフォントを追加したいと思います。これを試しましたが、コンパイルプロセスでは実際には機能しません。小さなアドバイスや経験は素晴らしいでしょう

わかりました、それは本当に少し不明です。ごめん。
コンパイル プロセスは機能しますが、コンソールにはフォントの 404 not found が表示されます。
これを行うための良い方法は、私にははっきりしていません。scss ファイルから CSS を作成し、index.html の .min.css を "<-- build: ... -->" などで実装しましたか?!

これをメインの .scss ファイルに追加すると、フォントが見つかりません。

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

Grunt は、フォント ファイル fe を次のようにコピーして名前を変更します。

5a6b8fb8.FontAwesome
4

3 に答える 3

2

わかりました、この回答
の助けを借りてこれを修正できたようです。 bower で素晴らしいフォントをインストールしました:

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 に答える
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 に答える
1

scss を @import すると CSS 側の処理が行われますが、アセットをブラウザーがアクセスできる場所に移動する必要があると思います。したがって、あなたのウェブルートがpublic次のようなものである場合：

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