有谁知道如何将我的一些自定义字体安装到 rails 并在我的应用程序中使用它来显示在 view.html.erb 中(例如),以便每个人都可以看到用新字体编写的文本?
我正在使用导轨 3
编辑:
我看到我必须纠正自己。我使用字体.ttf
,因为这是我找到的唯一一种。如果这有什么不同的话。
我想使用经典CSS
或使用HAML
有谁知道如何将我的一些自定义字体安装到 rails 并在我的应用程序中使用它来显示在 view.html.erb 中(例如),以便每个人都可以看到用新字体编写的文本?
我正在使用导轨 3
编辑:
我看到我必须纠正自己。我使用字体.ttf
,因为这是我找到的唯一一种。如果这有什么不同的话。
我想使用经典CSS
或使用HAML
创建一个名为fonts
in的文件夹,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"
除非您希望 Rails 以特定字体呈现图像,然后将其发送到客户端,否则您正在寻找的是Web 字体,您可以在 CSS 中指定如何呈现文本。
用这个创建一个 CSS:
@font-face{
font-family: Sabon;
src: asset-url('Sabon-Roman.otf', font);
}
并将您的字体放在 app/assets/fonts 中。
它适用于 OTF 字体。