Question

我的自定义字体在开发模式下显示，但在Heroku的生产中，它们不起作用。我的字体在assets / fonts /中，这是我所拥有的代码的一部分：

@font-face {
  font-family: 'SamsungOne800';
  src: url(/assets/SamsungOne-800_v1.0.eot);
  src: url(/assets/SamsungOne-800_v1.0.eot?#iefix) format("embedded-opentype"), 
    url(/assets/SamsungOne-800_v1.0.ttf) format("truetype"), 
    url(/assets/SamsungOne-800_v1.0.woff) format("woff"), 
    url(/assets/SamsungOne-800_v1.0.svg#icofonts) format("svg");
  font-weight: normal;
  font-style: normal;
}

当我运行heroku logs

时

ActionController::RoutingError (No route matches [GET] "/assets/SamsungOne-800_v1.0.ttf"):

我尝试添加gem'trail_12factor'用于生产和预编译资产，但没有任何改变。救命？

Answer 1

您无需指定Relative xpath: //*[@id=’social-media’]/ul/li[3]/a，请尝试更改您的网址：

assets

为：

src: url(/assets/SamsungOne-800_v1.0.eot);

您需要对其他src: url('SamsungOne-800_v1.0.eot');执行相同操作。

Answer 2

将我的所有代码从landing.scss移至application.css（将其重命名为application.css.scss后）。将我的代码编辑为更简单的版本，

@font-face{
        font-family: 'SamsungOne800';
  src: asset-url('SamsungOne-800_v1.0.ttf');

}

无法在生产中显示自定义字体（Heroku）

2 个答案: