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

Question

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

在我的 application.rb 文件中

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

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

在我的桌面上通过谷歌浏览器看到的网站

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

在我的 iPhone 上通过 Google Chrome 浏览的网站

Answer 1

您在 CSS 文件中使用了错误的字体导入方式。它尝试从以下位置加载它们localhost:3000：

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