css - 如何在 Ruby on Rails 中使用自定义字体？

Question

我有

用户.scss

@font-face {
  font-family: scriptina;
  src: asset-url('scriptina.ttf')
}

.script {
  font: scriptina, cursive; 
}

产生

@font-face {
  font-family: scriptina;
  src: url(/scriptina.ttf);
}
/* line 18, C:/Users/Chloe/workspace//app/assets/stylesheets/users.scss */
.script {
  font: scriptina, cursive;
}

但是 http://localhost:3000/scriptina.ttf 生成

Routing Error
No route matches [GET] "/scriptina.ttf"

$ ls app/assets
config  images  javascripts  scriptina.ttf  stylesheets

rails 5

引用:http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

Answer 1

一种方法(概述 here )是将 fonts 文件夹添加到 app/assets，然后将其添加到您的应用程序将查找的文件夹通过编辑 config/application.rb 添加 Assets :

# config/application.rb
config.assets.paths << Rails.root.join("app", "assets", "fonts")

然后将 scriptina.ttf 移动到 app/assets/fonts 中，然后您的 asset-url 助手将引用一个有效的路径到您的字体。