ruby-on-rails - 如何安装和使用将在 rails 视图中使用的新字体？

Question

有谁知道如何将我的一些自定义字体安装到 rails 并在我的应用程序中使用它来显示在 view.html.erb 中（例如），以便每个人都可以看到用新字体编写的文本？

我正在使用导轨 3

编辑：

我看到我必须纠正自己。我使用字体.ttf，因为这是我找到的唯一一种。如果这有什么不同的话。

我想使用经典CSS或使用HAML

Answer 1

创建一个名为fontsin的文件夹，app/assets/然后将所有自定义字体移到那里（示例）。

重新启动服务器以使新资产可用并创建一个样式表来声明您的字体，例如app/assets/stylesheets/fonts.css，然后编写：

@font-face {
  font-family: 'My Custom Font';
  src: font-url('mycustomfont-regular.eot');
  font-weight: normal;
  font-style: normal;
}

// bold
@font-face {
  font-family: 'My Custom Font';
  src: font-url('mycustomfont-bold.eot');
  font-weight: bold;
  font-style: normal;
}

// italic
@font-face {
  font-family: 'My Custom Font';
  src: font-url('mycustomfont-italic.eot');
  font-weight: normal;
  font-style: italic;
}

（示例）。现在您可以使用设置自定义字体font-family: "My Custom Font"

Answer 2

除非您希望 Rails 以特定字体呈现图像，然后将其发送到客户端，否则您正在寻找的是Web 字体，您可以在 CSS 中指定如何呈现文本。

Answer 3

用这个创建一个 CSS：

@font-face{
  font-family: Sabon;
  src: asset-url('Sabon-Roman.otf', font);
}

并将您的字体放在 app/assets/fonts 中。

它适用于 OTF 字体。