Using custom fonts in Rails 4

发表于 | | 阅读次数

在 Rails 4 应用中使用自定义字体，只需以下步骤：

  1. 在 app/assets 目录下添加fonts目录
  2. 将自定义字体放置于 app/assets/fonts 目录下
  3. 在定义字体的 CSS 文件中，使用 font-url 函数来调用字体。例如：
1
2
3
4
5
6
@font-face {
  font-family: 'Lato',
  src: font-url('lato.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

另外，当使用多种自定义字体的时候，可以将字体文件放进各自的子目录中。引用的时候，只要在对应的字体定义中包含子目录名称即可。例如：

1
2
3
@font-face{
  src: font-url('lato/lato.woff') format('woff');
}
0%