如何安装和使用将在rails中查看的新字体?

时间:2013-03-28 21:31:49

标签: ruby-on-rails ruby-on-rails-3

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

我正在使用rails 3

修改

我知道我必须纠正自己。我使用字体.ttf,因为这是我找到的唯一一个。如果这有任何区别。

我想使用经典CSS或使用HAML

来做到这一点

3 个答案:

答案 0 :(得分:2)

fonts中创建一个名为app/assets/的文件夹,然后将所有自定义字体移到那里(example)。

重新启动服务器以使新资产可用并创建样式表以声明字体 - 例如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;
}

example)。 现在,您可以使用font-family: "My Custom Font"

设置自定义字体

答案 1 :(得分:1)

除非您希望Rails以特定字体呈现图像然后发送到客户端,否则您要查找的是Web Fonts,您可以在CSS中指定文本的呈现方式。

答案 2 :(得分:0)

用这个创建一个CSS:

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

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

适用于OTF字体。