[Middleman 3] Middleman: font-awesome-sass を gem で手っ取り早くインストールする
middleman v.4.0 のリリースが近づいているようなので、これまで触って得たナレッジをまとめておきたいシリーズ。
[markdown]
“`prettyprinted
% middleman version
Middleman 3.4.0
“`
こちらをベースに追加設定のみ。
> [middleman: bootstrap-sass + jquery のプロジェクトを gem で手っ取り早く立ち上げる | deadwood](https://www.d-wood.com/blog/2015/11/25_7700.html)
## font-awesome-sass のインストール
Gemfile に font-awesome-sass (公式)を追加します。
> [FortAwesome/font-awesome-sass](https://github.com/FortAwesome/font-awesome-sass)
“`ruby:Gemfile
source ‘https://rubygems.org’
gem ‘middleman’, ‘~>3.4.0’
gem ‘font-awesome-sass’, ‘~> 4.4.0’
“`
インストールします。
“`prettyprinted
% bundle install –path vendor/bundle
“`
## 動作確認
設定とサンプルコードを追加し、動作を確認します。
### CSS(SASS), Font の設定
CSS に Font Awesome の読込設定を加えます。
“`css:source/stylesheets/all.css
@charset “utf-8”
@import “font-awesome-sprockets”;
@import “font-awesome”;
“`
erb ファイルに下記を加え、アイコンフォントが読み込まれていることを確認します。
“`html:source/index.html.erb
“`
以上で利用可能となります。
[/markdown]