WHY IS FONT AWESOME NOT SHOWING ON WEBPAGE

Question

I copied a live (working) example of fa code from w3cschool but it's not showing up on Sololearn app and quickedit android app when I try to preview the page.
I don't know why it is behaving like this.

Here's the code below:
https://code.sololearn.com/WEjiJR9JrdBM/?ref=app

Answer 1

Yeah, that's true Abhay, but the weirdest thing is that I managed to fix the problem by
1. removing the space between (link) and (rel) keyword so that it becomes <linkrel="sty.....>

Then 2. I re-inserted another space so it becomes <link rel="styl.......>

TRY AND SEE

And the above fixed the issue.
I don't know why it happened but thanks for helping.

Answer 2

Maybe it has something to do with copying ,I copied your example but didn't work so I rewrote it and works fine now

https://code.sololearn.com/WcMmszjJYuuB/?ref=app

Answer 3

You are using older version of font-awesome. Just use latest version of font-awesome. Go to cdnjs.com. Search for font-awesome copy the first result. Pest it over old font-awesome link

Answer 4

Keleos William I know it's weird but as I said it didn't worked when I copied yours ,but when I rewrote it ,it worked fine

Answer 5

🇮🇳Vivek🇮🇳 I updated it to latest from (https://cdnjs.com/libraries/font-awesome) but it didn't still work.

Answer 6

Abhay I just check yours and it worked. What could i have missed in my code, because everything seems fine when I look at the code?

Answer 7

Keleos William
Try open your original code (above) via a browser, I can see invalid characters marked with red that way.