古いプロジェクトなので3系ですが4系でもいけるはず(参考文献より)
状況
- デザイナーさんから受け取ったhtml/css/js/img/font一式を既存のrailsプロジェクトに結合する
- デザイナーさんのマークアップをほとんど汚さずにerbを埋め込みたい
課題
- アイコンフォントの位置に□のようなものが表示されているので名前解決を良い具合にしないといけない
解法
- app/assets/fontsを作って直下にもらったフォントファイル類を配置する
- cssの頭で@font-faceを書いて読み込む
app/assets/stylesheets/style.css
@font-face {
font-family: 'fontello';
src: url('/assets/fontello.eot');
src: url('/assets/fontello?iefix') format('eot'),
url('/assets/fontello.woff') format('woff'),
url('/assets/fontello.ttf') format('truetype'),
url('/assets/fontello.svg#webfont') format('svg');
}
結果
表示できました