rails 4.2.4

Question

我想使用＆＃39; Mostly Mono＆＃39; font（＆＃34; http://www.1001fonts.com/mostlymono-font.html＆＃34;），我尝试了资产管道方法Using fonts with Rails asset pipeline。

我把它放在config / application.rb

中

config.assets.paths << Rails.root.join("app", "assets", "fonts")

这是app / assets / stylesheets / application.css

@font-face {
font-family: 'MostlyMono';
src: font-url('/assets/fonts/mostlymono.ttf') format('truetype'); }

有没有其他方法或我做错了什么？

Answer 1

您可以使用自定义字体 -

1. 创建文件夹名称＆＃34; fonts＆＃34;在app / assets目录中，将fontsmono.ttf字体放在fonts目录中。

2. 现在将此行添加到config / application.rb

   config.assets.paths << Rails.root.join("app", "assets", "fonts")
   

3. 现在你必须将app / assets / stylesheets / application.css重命名为app / assets / stylesheets / application.css.scss并放置到以下代码 -

   @font-face {
    font-family: "MostlyMono";
    src: url(asset-path("mostlymono.ttf")) format("truetype");
    font-weight: normal;
    font-style: normal;
   }
   

4. 现在将字体添加到config / initializers / assets.rb以预编译其他资产。

   Rails.application.config.assets.precompile += %w( mostlymono.ttf )