Rails шрифты не загружаются на мобильный, но отображаются на рабочем столе

Question

Как гласит заголовок, у меня есть ионные и шрифтовые шрифты в ресурсах -> папка шрифтов.

В моем файле application.rb

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

Все значки работают на рабочем столе, это pe и ionicons, которые находятся в моей папке шрифтов, а также шрифты из драгоценного камня 'font-awesome-rails'

Веб-сайт, видимый через Google Chrome на моем рабочем столе

Тем не менее, на мобильном телефоне ВСЕ шрифты видны как пустое поле, которое предлагает мне ошибку 404, но я не понимаю, какая разница, будет ли она загружена с настольного компьютера или мобильного телефона.

Веб-сайт просматривается через Google Chrome на моем iphone

Answer 1

Вы неправильно использовали импорт шрифта в вашем CSS-файле.Он пытается загрузить их из localhost:3000:

Из-за этого значки видны на вашем компьютере (где работает сервер rails)и они не видны на вашем мобильном телефоне.