css - 第三方字体集成 Ruby on Rails 不工作路径正常，命名正确，控制台或服务器编译无错误

Question

已更新

这就是我的 application.scss 现在的样子

@font-face {
  font-family: 'DidotLTStd-Roman';
  src: font-url('2C0947_0_0.eot') format("embedded-opentype");
  src: font-url('2C0947_0_0.woff') format('woff');
  src: font-url('2C0947_0_0.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DidotLTStd-Italic';
  src: font-url('2C0947_1_0.eot') format("embedded-opentype");
  src: font-url('2C0947_1_0.woff') format('woff');
  src: font-url('2C0947_1_0.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGardeGothicITCW02XLt';
  src: font-url('2C0947_2_0.eot') format("embedded-opentype");
  src: font-url('2C0947_2_0.woff') format('woff');
  src: font-url('2C0947_2_0.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}


.about {
    font-family: 'AvantGardeGothicITCW02XLt';
}

在 application.rb 中包含这一行

config.assets.precompile += %w( .svg .eot .woff .ttf )

但还是不行。 chrome 控制台没有问题，我仔细检查了文件名。

---

ActionController::RoutingError(没有路由匹配 [GET] "/assets/webfonts/2C0947_1_0.ttf"):

这是我第一次在 ruby​​ on rails 应用程序中集成第三方字体。我按照正确答案中的说明进行操作

Using fonts with Rails asset pipeline

它是一个 Rails 4.0.2 应用程序。我将所有的 eot、ttf、woff 字体都放到了 app/assets/fonts 文件夹中

默认情况下，因为这是一个 4.0.2 应用程序，所以它应该查看这个字体文件夹

我正在使用 scss。

我将以下内容添加到我的 application.scss 文件中

@font-face {
  font-family: 'DidotLTStd-Roman';
  src:url('2C0947_0_0.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DidotLTStd-Italic';
  src:url('2C09047_1_0.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGardeGothicITCW02XLt';
  src:url('2C09047_2_0.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.about {
    font-family: 'DidotLTStd-Italic';
}

我已经将 src:font-url 替换为 src:url我试过将它添加到 application.rb

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

我已经重启了服务器。这是我在查看控制台日志时看到的内容

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/assets/2C09047_1_0.woff
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/assets/webfonts/2C0947_1_0.woff
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/assets/webfonts/2C0947_1_0.ttf

它正在寻找 webfonts 文件夹，我什至将 fonts 文件夹的名称更改为 webfonts 但它仍然找不到它。

因此，我购买的 zip 文件夹还包含一个 layout.css 和一个 mywebfontkit.css，我将它们放入 Assets 内的样式表文件夹中。我还将 highlight.js 也放入了 js assets 文件夹中。

Answer 1

尝试将此添加到您的 application.rb

# Precompile additional assets - from http://stackoverflow.com/questions/10905905/using-fonts-with-rails-asset-pipeline
config.assets.precompile += %w( .svg .eot .woff .ttf )

另外，仅供引用，font-url 版本对我有用——像这样:

@font-face {
  font-family: 'interstate-boldcondensedbold';
  src: font-url("interstate-boldcondensed-webfont.eot");
  src: font-url("interstate-boldcondensed-webfont.eot?#iefix") format("embedded-opentype"), font-url("interstate-boldcondensed-webfont.woff") format("woff"), font-url("interstate-boldcondensed-webfont.ttf") format("truetype"), font-url("interstate-boldcondensed-webfont.svg#interstate-boldcondensedbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

(不要忘记之后再次重启服务器!)