css - 在 Rails 中添加自定义字体

Question

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

基础和覆盖.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

基础和覆盖.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中