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

标签 css ruby-on-rails font-awesome glyphicons ionicons

如标题所述,我在 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

最佳答案

您在 CSS 文件中使用错误的方式导入 font awesome。 它尝试从 localhost:3000 加载它们:

localhost_3000

因此,图标在您的计算机(运行 Rails 服务器的计算机)上可见,而在您的手机上不可见。

关于css - Rails 字体未在移动设备上加载但显示在桌面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55049412/

相关文章:

css - 使用 CSS 类添加上标字体很棒的图标

javascript - 如何在 D3 中使用资源对象(通过 Promise)?

css - 当由 IIS 提供服务时,Fontawesome 不起作用

html - 外部 CSS 不工作

ruby-on-rails - 将日期字符串转换为 Unix 时间戳

CSS3 选取框在 Chrome 和 Opera 中不滑动

ruby-on-rails - Rails 如何获取一个对象的所有孙子

ruby-on-rails - Rails 身份验证

jquery - 背景图像淡入问题

css - 放大时包含图像