FontAwesome is blocking my page from loading - html

I linked my fontAwesome to the head of my index.html properly. But whenever I try rending the page with lite Server, the page keeps loading without showing anything including my html text! the page keeps loading saying waiting for font awesome.
is it a problem of liteServer? or it's from font awesome .. any help?

Related

CSS not rendered correctly on page load/reload

I'm trying to apply my CSS-file to my webpage.
When I load my website, I shortly see the site rendered correctly (with my CSS-styles applied), while the page is still loaded. When the page finished loading some of the styles I defined with CSS dissappear, for example the background-color or the alignment of some texts. Sometimes when I reload the page the site is rendered normally without me changing the browser or the code. I allready tried deleting the browser cache but nothing changed. I use Google Chrome. I can see that the CSS-file must be loaded correctly, as some of the styles are applied, and the page reneders correctly while the loading processes.
This is an image of my site while loading:
This is an image of my site after loading:
Thanks for your help.
It seems like some other css or js file is loaded after your css file. please provide a link to your page or post the html.
If you use the development tools (F12) you could interspect the Network tab. here you can see whitch files are loaded and in witch order they are

Font loading issue in Chrome

Bootstrap font not loading properly on live server. First second times its loading properly but after several time refresh font not loading properly.Thanks in advance.
global.scss
#import '../../../node_modules/font-awesome/scss/font-awesome';
Under global.scss, there are no of files i #imported included font-awesome file.

My website on loading sometimes shows weird symbols and characters

When I refresh the page again after I see this weird page my website loads normally. I want to understand why this is happening and how can I fix this? Here is the screenshot because my website does load sometimes normally.

Max CDN link for font awsome cannot be reached

I'm using icons from font awesome for my web page.
For some time i have noticed that the link has been broken or unreachable
https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css
Is there some issue with their repository?
I am unable to even download static files from their web page.
http://fontawesome.io/
From a while even i have been getting this error in inspect element were it show connection Error Failed. If u are using icons you can try this link.
<script src="https://use.fontawesome.com/97755550d3.js"></script>

How to remove tab icon image for a site?

I am currently using skeleton framework,
www.getskeleton.com
while building a website but the skeleton image is displaying as a favicon on the web page's tab. I deleted the image itself and checked all the link, rel, tags and meta tags in the html page and css page to see if anything was pointing towards an image but there's nothing to suggest why it is still there. Any suggestions?
The path of the favicon is dist/images/favicon.png.
Ensure if the favicon is deleted from this path.
Also try clearing browser cache and hard refresh the webiste Ctrl + F5.