Rails fonts not loading on mobile but showing on desktop2019 Community Moderator ElectionHow can I rename a database column in a Ruby on Rails migration?Rails 3, @font-face failing in production with firefoxFont scaling based on width of containerwhy won't all font awesome icons load?Font-Awesome Icons Not Showingfontawesome icons with twitter-bootstrap-rails doesn't show on staging environmentFont Awesome Fonts Not FoundGoogle Fonts loading on desktop, but not on mobile?Mobile devices: Click on a Font Awesome iconRails glyphicons-halflings-regular.ttf 404 (Not Found)
Suggestions on how to spend Shaabath (constructively) alone
Maths symbols and unicode-math input inside siunitx commands
Writing in a Christian voice
Brake pads destroying wheels
What exactly term 'companion plants' means?
How do hiring committees for research positions view getting "scooped"?
Wrapping homogeneous Python objects
Does the attack bonus from a Masterwork weapon stack with the attack bonus from Masterwork ammunition?
In Aliens, how many people were on LV-426 before the Marines arrived?
Describing a chess game in a novel
Practical application of matrices and determinants
I got the following comment from a reputed math journal. What does it mean?
Pronounciation of the combination "st" in spanish accents
What can I do if I am asked to learn different programming languages very frequently?
Should I use acronyms in dialogues before telling the readers what it stands for in fiction?
Should I be concerned about student access to a test bank?
Variable completely messes up echoed string
Geography in 3D perspective
Deletion of copy-ctor & copy-assignment - public, private or protected?
Why is there so much iron?
Would it be believable to defy demographics in a story?
How is the partial sum of a geometric sequence calculated?
What are substitutions for coconut in curry?
How are passwords stolen from companies if they only store hashes?
Rails fonts not loading on mobile but showing on desktop
2019 Community Moderator ElectionHow can I rename a database column in a Ruby on Rails migration?Rails 3, @font-face failing in production with firefoxFont scaling based on width of containerwhy won't all font awesome icons load?Font-Awesome Icons Not Showingfontawesome icons with twitter-bootstrap-rails doesn't show on staging environmentFont Awesome Fonts Not FoundGoogle Fonts loading on desktop, but not on mobile?Mobile devices: Click on a Font Awesome iconRails glyphicons-halflings-regular.ttf 404 (Not Found)
As the title states, I have ionicons and pe font's in assets -> fonts folder.
In my application.rb file
config.assets.paths << Rails.root.join('/app/assets/fonts')
All icons work on desktop, that's pe and ionicons that are in my fonts folder as well as fonts from the gem 'font-awesome-rails'
Website seen through Google Chrome on my desktop
However, on mobile ALL fonts are seen as a blank box which suggest to me a 404 error but I don't understand what difference it would make whether its loaded from desktop or mobile.
Website seen through Google Chrome on my iphone
css ruby-on-rails font-awesome glyphicons ionicons
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
add a comment |
As the title states, I have ionicons and pe font's in assets -> fonts folder.
In my application.rb file
config.assets.paths << Rails.root.join('/app/assets/fonts')
All icons work on desktop, that's pe and ionicons that are in my fonts folder as well as fonts from the gem 'font-awesome-rails'
Website seen through Google Chrome on my desktop
However, on mobile ALL fonts are seen as a blank box which suggest to me a 404 error but I don't understand what difference it would make whether its loaded from desktop or mobile.
Website seen through Google Chrome on my iphone
css ruby-on-rails font-awesome glyphicons ionicons
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
add a comment |
As the title states, I have ionicons and pe font's in assets -> fonts folder.
In my application.rb file
config.assets.paths << Rails.root.join('/app/assets/fonts')
All icons work on desktop, that's pe and ionicons that are in my fonts folder as well as fonts from the gem 'font-awesome-rails'
Website seen through Google Chrome on my desktop
However, on mobile ALL fonts are seen as a blank box which suggest to me a 404 error but I don't understand what difference it would make whether its loaded from desktop or mobile.
Website seen through Google Chrome on my iphone
css ruby-on-rails font-awesome glyphicons ionicons
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
As the title states, I have ionicons and pe font's in assets -> fonts folder.
In my application.rb file
config.assets.paths << Rails.root.join('/app/assets/fonts')
All icons work on desktop, that's pe and ionicons that are in my fonts folder as well as fonts from the gem 'font-awesome-rails'
Website seen through Google Chrome on my desktop
However, on mobile ALL fonts are seen as a blank box which suggest to me a 404 error but I don't understand what difference it would make whether its loaded from desktop or mobile.
Website seen through Google Chrome on my iphone
css ruby-on-rails font-awesome glyphicons ionicons
css ruby-on-rails font-awesome glyphicons ionicons
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
asked Mar 7 at 17:12
NemyaNationNemyaNation
106
106
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You used wrong way of importing font awesome in your CSS file.
It tries to load them from localhost:3000:
Because of that, the icons are visible on your computer (where the rails server is running) and they are not visible on your mobile phone.
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
Brilliant, thanks for narrowing down the error to the way I am importing the files.
– NemyaNation
Mar 8 at 13:45
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55049412%2frails-fonts-not-loading-on-mobile-but-showing-on-desktop%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You used wrong way of importing font awesome in your CSS file.
It tries to load them from localhost:3000:
Because of that, the icons are visible on your computer (where the rails server is running) and they are not visible on your mobile phone.
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
Brilliant, thanks for narrowing down the error to the way I am importing the files.
– NemyaNation
Mar 8 at 13:45
add a comment |
You used wrong way of importing font awesome in your CSS file.
It tries to load them from localhost:3000:
Because of that, the icons are visible on your computer (where the rails server is running) and they are not visible on your mobile phone.
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
Brilliant, thanks for narrowing down the error to the way I am importing the files.
– NemyaNation
Mar 8 at 13:45
add a comment |
You used wrong way of importing font awesome in your CSS file.
It tries to load them from localhost:3000:
Because of that, the icons are visible on your computer (where the rails server is running) and they are not visible on your mobile phone.
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
You used wrong way of importing font awesome in your CSS file.
It tries to load them from localhost:3000:
Because of that, the icons are visible on your computer (where the rails server is running) and they are not visible on your mobile phone.
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
answered Mar 7 at 18:59
MrShemekMrShemek
1,4241114
1,4241114
Brilliant, thanks for narrowing down the error to the way I am importing the files.
– NemyaNation
Mar 8 at 13:45
add a comment |
Brilliant, thanks for narrowing down the error to the way I am importing the files.
– NemyaNation
Mar 8 at 13:45
Brilliant, thanks for narrowing down the error to the way I am importing the files.
– NemyaNation
Mar 8 at 13:45
Brilliant, thanks for narrowing down the error to the way I am importing the files.
– NemyaNation
Mar 8 at 13:45
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55049412%2frails-fonts-not-loading-on-mobile-but-showing-on-desktop%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
