【问题标题】:Rails fonts not loading on mobile but showing on desktopRails 字体未在移动设备上加载但在桌面上显示
【发布时间】:2019-03-07 17:12:12
【问题描述】:

正如标题所述,我在 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 ruby-on-rails font-awesome glyphicons ionicons


    【解决方案1】:

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

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

    【讨论】:

    • 太棒了,感谢您将错误缩小到我导入文件的方式。
    • 原来我没有导入我用于此特定页面的布局中所需的 css 和 javascript 文件。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-10-03
    • 2021-02-13
    • 1970-01-01
    • 1970-01-01
    • 2021-06-11
    • 1970-01-01
    • 2017-09-26
    相关资源
    最近更新 更多