在 Rails 中添加自定义字体

Question

我正在尝试添加在我的 Rails 应用程序中下载的自定义字体。这就是我所做的：我下载了字体 (Georgia.tff) 并将其放入 app/assets/fonts/Georgia.tff。我的主 CSS 文件如下所示：

foundation-and-override.scss

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

.header {
    font-family: "Georgia";
}

这是我要应用字体的地方：

_header.html.erb

<header class="top-bar" data-topbar role="navigation">
  <ul class="title-area">
    <li class="header">
      <h1><a href="/">SMART INVESTORS'S CLUB</a></h1>
  </ul>
</header>

它不工作。我正在使用 Rails 4.2.1。 我引用了adding custom font in my app 和Official way of adding custom fonts to Rails 4?。没有运气.????

Answer 1

foundation-and-override.scss

@font-face{ font-family:"Georgia"; src:asset-url("Georgia.ttf") format("truetype"); }

在 application.rb 中你必须添加：

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

并且字体文件“Georgia.ttf”必须在app/assets/fonts/Georgia.ttf中

Answer 2

Rails 为此提供了 font-url 辅助方法：

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

你也可以只使用asset-url：

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

默认情况下，Sprockets 应该能够在您的资产文件夹中找到任何文件，因此不需要额外的配置。