2016-03-28 10 views
0

私はgrails 3プロジェクトにfontawesome(fa)を含めようとしています。 grails2のためのプラグインがありましたが、このプラグインをインストールする方法の設定と説明はgrails 3では機能していませんでした。Grails 3 fontawesome setup

私はfaを多かれ少なかれ手動で追加しようとしました。/fonts /ディレクトリにコピーして、そこにフォントを置いて、CSSを自分のスタイルシートディレクトリに追加し、application.cssから参照しました。 grails run-appでIdeaを実行すると、すべてのfaリソースが正常に表示されます。

しかし、私がtomcatで実行するwarファイルをパッケージ化すると、faリソースはまったく表示されません。アプリケーション用に作成されたコンパイル済みのスタイルシートを見ると、faスタイルシートに入れた../fonts/が削除されていて、フォントファイルが見つかりません。

@font-face {font-family: 'FontAwesome';src: url('fontawesome-webfont-32400f4e08932a94d8bfd2422702c446.eot?v=4.5.0') 

この

は、フォントリソースを生成し、他のすべては、私のアプリケーションのルートからの(404)解決できないですが、私は彼らに/ /資産を付加した場合に解決可能です。

これを実現するには、アセットパイプラインの設定が賢明ではありません。コメントで述べたように

+1

はあなたがチェックしましたgrails3用のbootstrap-frameworkプラグイン? faがそこに含まれているようです – user3718614

+0

その方向で私を指してくれてありがとう。 – user738048

+0

FYI grails 3用のブートストラッププラグインは、すべて古くなっています/維持されていません。不思議なことに、ブートストラップ(と古いバージョン)はデフォルトでgrails 3.3.0に含まれているようです(これ以前にあったのかどうかはわかりません)。しかし、フォントワームを含むことは、悲しいことではない手作業であり、些細ではないプロセスです。 –

答えて

1

grails-app/assetsで 'fonts'というフォルダを作成します。このフォルダには、フォントの入った解凍されたコンテンツを配置します。素晴らしいファイルです。 build.gradleファイルでそれを参照し、新しいディレクトリを知るために、資産のパイプラインのために、そして、

 
grails-app 
|__assets 
    |__fonts 
     |__css 
     |__fonts 
     |__less 
     |__scss 
    .... 

:あなたのような何かを持っている必要があります。このリンクenter link description hereから

assets { 
    minifyJs = true 
    minifyCss = true 
    includes = ["fonts/*"] 
} 
+0

フォントワームのファイルをアセットの下に置くための手順を踏んで、build.gradleを編集しました。今、どのようにアプリケーションにフォントを含めるのですか?私はそれらを使うことができるようにそれらにどのようにリンクするのですか? –

0

ダウンロードフォントとその中のフォントが聖杯での資産にフォルダのみ追加コードの下にapp.Add:あなたのような何かを持っている必要があり

assets { 
minifyJs = true 
minifyCss = true 
includes = ["fonts/*"] 

}