Font-awesome CORS problem
Font-awesome icons were not displayed correctly when the website was hosted on GitLab page.
You can figure out the reason of the problem with the console of your browser. The above figure is an example screenshot of my Chrome browser.
The symptom was that the fa(font-awesome) icons were successfully loaded under the
https connection, but it were not in the
If you are hosting your web site with your machine, the problem can be resolved easily by configuring your web server application such as Nginx or Apache. But, in my case, the site was hosted on the GitLab page server. To change the configuration options of the web service application hosted by GitLab page, it is required to set a new custom GitLab runner which is quite tiresome.
Shared Runner of GitLab (no custom runner), I decided to redirect all the
http addresses to
I was using HUGO SSG(Static Site Generator) with Hyde-Y theme.
Find out the position of
<head>part of your html code (It is usually
index.htmlin the SSG case). The position might be different according to the implementation of your theme.
Insert following snippet of code to the
<head>part of your html code.
The code inserted will check the address and redirect the site to the same url with
https. It does not redirect when the requested url is