Rails 字体未在移动设备上加载但在桌面上显示

Question

如标题所述，我在 assets -> fonts 文件夹中有 ionicons 和 pe 字体。

在我的 application.rb 文件中

config.assets.paths << Rails.root.join('/app/assets/fonts')

所有图标都可以在桌面上使用，即我的字体文件夹中的 pe 和 ionicons 以及 gem 'font-awesome-rails'

中的字体

Website seen through Google Chrome on my desktop

但是，在移动设备上，所有字体都被视为一个空白框，向我提示 404 错误，但我不明白无论是从桌面加载还是从移动设备加载会有什么不同。

Website seen through Google Chrome on my iphone

Answer 1

您在 CSS 文件中使用了错误的导入字体的方式。 它尝试从 localhost:3000:

加载它们

因此，这些图标在您的计算机上可见（rails 服务器是 运行），但在您的手机上不可见 phone。