字体与Rails 3.2.3

时间:2014-02-21 19:47:46

标签: ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.2 asset-pipeline font-face

Rails 3.2.3,sass。 我已将ttf,woff,eot,svg文件放在vendor / fonts文件夹中。

我还将此添加到application.rb:

    config.assets.enabled = true
    config.assets.paths << "#{Rails.root}/vendor/assets/fonts"
    config.assets.precompile += %w( .svg .eot .woff .ttf )

我在vendor / stylesheets文件夹中创建了一个名为fonts.css.scss的文件,其中包含以下代码:

@font-face {
font-family: 'museosans100';
src: font-url('/assets/museosans100.eot');
src: font-url('/assets/museosans100.eot?#iefix') format('embedded-opentype'),
     font-url('/assets/museosans100.woff') format('woff'),
     font-url('/assets/museosans100.ttf') format('truetype'),
     font-url('/assets/museosans100.svg#museosans100') format('svg');
font-weight: normal;
font-style: normal;
}

然后,我使用了font-family:&#39; museosans100&#39 ;;在CSS位。 字体仍然没有改变。我也试过用app / assets文件夹做同样的事情,但是没用。我能错过什么? (我也试过重启服务器。)

1 个答案:

答案 0 :(得分:0)

以下是修改后的代码:

@font-face {
font-family: 'museosans100';
src: font-url('museosans100.eot');
src: font-url('museosans100.eot?#iefix') format('embedded-opentype'),
     font-url('museosans100.woff') format('woff'),
     font-url('museosans100.ttf') format('truetype'),
     font-url('museosans100.svg#museosans100') format('svg');
font-weight: normal;
font-style: normal;
}