Rails Nginx乘客不提供字体图标文件

Question

我正在生产模式下运行Rails 5.1.4应用程序。我正在使用语义UI作为我的CSS框架，并且已经运行了RAILS_ENV=production rails assets:precompile来编译public/assets文件夹中的资产和字体文件。当我加载网站时

这是我的config/application.rb：

class Application < Rails::Application
  config.load_defaults 5.1
  config.assets.paths << Rails.root.join('semantic', 'dist')
  config.assets.precompile << 'themes/default/assets/fonts/*'
end

我的nginx文件：

server {
    listen       80;
    server_name  atrium.michaelvasallo.com;
    passenger_enabled on;
    rails_env production;
    root /var/www/atrium/public;
}

您可以看到语义UI在themes/default/assets/fonts/中查看，这就是我的图标文件所在的位置。当我预编译时，它们都出现在public/assets文件夹中，但在加载页面时没有提供它们。

Answer 1

不是修复程序，但我找到了更好的解决方案。在我的semantic/src/site/globals/site.variables中，我将字体路径设置为语义UI CDN，而不是从本地文件中获取。

@fontPath: 'https://cdn.jsdelivr.net/npm/semantic-ui@2.2.13/dist/themes/default/assets/fonts';

Answer 2

我在生产中遇到了相同的问题，检查这个答案以查看我如何工作。

在您的情况下，您可能需要添加：

Rails.application.config.assets.paths << Rails.root.join('semantic', 'dist', 'themes', 'default')

在config/initializers/assets.rb

中

将@fontPath设置为：

@fontPath  : "assets/fonts";

并在icon.variables

中使用font-url助手

/*******************************
             Icon
*******************************/
/*--------------
   Font Files
---------------*/
@fontName: 'icons';
@src:
  font-url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
  font-url("@{fontPath}/@{fontName}.woff2") format('woff2'),
  font-url("@{fontPath}/@{fontName}.woff") format('woff'),
  font-url("@{fontPath}/@{fontName}.ttf") format('truetype'),
  font-url("@{fontPath}/@{fontName}.svg#icons") format('svg')
;
@fallbackSRC: font-url("@{fontPath}/@{fontName}.eot");
/*--------------
 Optional Files
---------------*/
/* Outline Icons */
@importOutlineIcons: true;
@outlineFontName: 'outline-icons';
@outlineSrc:
  font-url("@{fontPath}/@{outlineFontName}.eot?#iefix") format('embedded-opentype'),
  font-url("@{fontPath}/@{outlineFontName}.woff2") format('woff2'),
  font-url("@{fontPath}/@{outlineFontName}.woff") format('woff'),
  font-url("@{fontPath}/@{outlineFontName}.ttf") format('truetype'),
  font-url("@{fontPath}/@{outlineFontName}.svg#icons") format('svg')
;
@outlineFallbackSRC: font-url("@{fontPath}/@{outlineFontName}.eot");
/* Brand Icons */
@importBrandIcons: true;
@brandFontName: 'brand-icons';
@brandSrc:
  font-url("@{fontPath}/@{brandFontName}.eot?#iefix") format('embedded-opentype'),
  font-url("@{fontPath}/@{brandFontName}.woff2") format('woff2'),
  font-url("@{fontPath}/@{brandFontName}.woff") format('woff'),
  font-url("@{fontPath}/@{brandFontName}.ttf") format('truetype'),
  font-url("@{fontPath}/@{brandFontName}.svg#icons") format('svg')
;
@brandFallbackSRC: font-url("@{fontPath}/@{brandFontName}.eot");