【问题标题】:Fonts in rails 4.2.4rails 4.2.4 中的字体
【发布时间】:2015-10-27 17:16:17
【问题描述】:

我想用'Mostly Mono'字体(“http://www.1001fonts.com/mostlymono-font.html”)制作一个rails应用程序,我尝试了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'); }

还有其他方法还是我做错了什么?

【问题讨论】:

  • 你下载字体并将它们添加到你的目录了吗?
  • 是的,我有,但我只有一个名为“mostlymono.medium.tff”的档案,我不知道是只需要那个档案还是需要更多档案

标签: ruby-on-rails fonts


【解决方案1】:

您可以使用下面的自定义字体-

  1. 在 app/assets 目录中创建一个名为“fonts”的文件夹,并将大部分mono.ttf字体放在字体目录中。
  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 )
    

【讨论】:

  • 我试过了,它不起作用,但我得到了三点: 1.- font-family: "Ionicons" 可以吗?我不应该放 MostlyMono 吗? 2.- 我下载了字体并将它放在 app/assets/fonts/ 中,它被称为“mostlymono.medium.tff” 3.- 假设它有效,当我想使用字体时,我必须把它像 . header{ font-family: 'MostlyMono'; } 或喜欢 .header{ font-family: '@font-face'; }
猜你喜欢
  • 1970-01-01
  • 2015-11-30
  • 2019-04-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多