css - 如何将 ttf 自定义字体包含到我的 Rails 应用程序中?

标签 css ruby-on-rails fonts

<分区>

I tried following this thread here but I am not able to duplicate their results.

ma​​in.css

h1 {
  font-family: 'Shadows Into Light', serif;
  src: url('/assets/fonts/shadows.ttf') format("Shadows Into Light");
  font-size: 40px;
  text-align: center;
  position: relative;
  bottom: 20px; 
  margin: 0 auto 0 auto;
  width:100px;
}

Assets 目录

assets
|
|
---stylesheets
|  |
|   ---main.css
---images
|
|
---images
| 
|
---fonts
   |
    ---shadow.ttf

此外,我尝试手动将字体目录包含到我的 Assets 管道中:

config/application.rb

  class Application < Rails::Application
    config.assets.paths << Rails.root.join("app", "assets", "fonts")

如何将 ttf 自定义字体包含到我的 Rails 应用程序中?

最佳答案

@font-face  {
  font-family: 'yourfont';
  src: url('addres-yourfont.eot?#') format('eot'),  /* IE6–8 */
       url('addres-yourfont.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('addres-yourfont.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

关于css - 如何将 ttf 自定义字体包含到我的 Rails 应用程序中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27804248/

上一篇:html - 隐藏选择列表箭头 CSS3

下一篇:css - 为什么我的后备字体系列 css (arial) 被使用而不是主要的

相关文章:

html - 自动换行在 LI 元素中不起作用

html - 如何让评论计数在评论气泡图像上显示为文本?

ruby-on-rails - 为什么这个新的 CSS list 文件在 Heroku slug 编译期间没有被编译,而正常的应用程序 list 工作正常?

css - 我的 Jekyll 网站上的字体出现奇怪问题

css - Chrome 元素检查器字体

html - 我的网站在IE中的定位是完全错误的

ruby-on-rails - 如何使用 rails 安全地存储 Google Api key 并在脚本中使用它们?

ruby-on-rails - Windows 上的 .bashrc 文件在哪里? (Daniel Kehoe 的 learn-rails 教程书)

html - 我可以在没有 bootstrap css 的情况下使用 fontawesome 图标吗?

html - 流体和固定列表