nanocでfontawesome使えるようにするのに手間取ったので手順をメモする。
#gemfile
source 'https://rubygems.org'
gem 'nanoc'
gem 'sass'
gem 'susy'
gem 'compass'
gem 'coderay'
gem 'redcarpet'
gem 'haml'
gem 'builder'
gem 'adsf'
gem 'json'
gem 'font-awesome-sass'あぷでと
bundle exec updatefontawesome.zipをダウンロードして解凍して中身のfontsフォルダだけcssと同じディレクトリ（/stylesheets/）にコピー
compassのこんふぃぐについか
#.compass/config.rb
# Require any additional compass plugins here.
require 'susy'
require 'font-awesome-sass'scssファイルについか
#screen.scss
@import "font-awesome-compass";
@import "font-awesome";
@font-face {
font-family: "FontAwesome";
src: url("fonts/fontawesome-webfont.eot");
src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
url("fonts/fontawesome-webfont.woff") format("woff"),
url("fonts/fontawesome-webfont.ttf") format("truetype"),
url("fonts/fontawesome-webfont.svg") format("svg");
font-weight: normal;
font-style: normal;
}#nanoc.yaml
data_sources:
-
type: filesystem_unified
layouts_root: /
allow_periods_in_identifiers: false
-
type: static
items_root: /
allow_periods_in_identifiers: true#rules.rb
#compileの一番上に書く
passthrough '/stylesheets/fonts/*/'おわり
bundle exec nanoc co.fa-cc-paypal{
color: white;
};