使用 heroku / ruby​​ on rails 無法在生產中加載字體

Question

我的自定義字體已在開發中加載，但未在 heroku 上加載，您能幫我弄清楚嗎？

@font-face {
  font-family: "Syne";
  src: asset-url('/assets/Syne-Regular.otf') format("truetype");
}
@font-face {
  font-family: "Syne-Title";
  src: asset-url('/assets/Syne-Extra.otf') format("truetype");
}


$body-font: "Syne";
$headers-font: "Syne-Title";

Answer 1

請在assets文件夾下創建fonts文件夾並將字體文件移動到該文件夾​​中。 並將fonts文件夾添加到資產路徑。

config.assets.path << Rails.root.join('app', 'assets', 'fonts')

只需使用`font-url 定義字體。

@font-face {
  font-family: "Syne";
  src: font-url('Syne-Regular.otf') format("truetype");
}
@font-face {
  font-family: "Syne-Title";
  src: font-url('Syne-Extra.otf') format("truetype");
}


$body-font: "Syne";
$headers-font: "Syne-Title";