kansiho's memo

ruby, python, javascript. Rails, wordpress, OpenCV, heroku...

任意のフォントファイルを読み込んでRails上で<i>タグで使えるようにする

Themeforestとか、bootstrapwrapなどのテンプレートサイトで購入したテンプレートを、railsで埋め込む際のTips。

f:id:serendipity4u:20170417174244p:plain

images, fonts, javascripts それぞれディレクトリにコピーして、

//= require なり @import なりして読み込んでおく。

scssを導入する

gem "sass-rails"
gem "bootstrap-sass"

font

scssに拡張子を変えてから

@font-face{
src: url(../fonts/samplefont.eot")

@font-face{
src: url(font-path("samplefont.eot");

に変更する。

jQueryが動かない

ドキュメントが読み込まれる前に動作しているからかもしれない。

その場合、jQuery をちゃんと

$(document).ready(function(){
  //何かしらの処理
});

#もしくは $(function(){});

で包む。

<body></body> の閉じタグ直前に記述すれば$(document).ready〜とほぼ同じ。