Fomantic UI icons not showing

Javistka - Marta Słysz
1 min readNov 29, 2020

--

During coding my portfolio page I’ve had some troubles with displaying Fomantic UI icons. They weren’t displaying at all, while other Fomantic UI properties were working properly.

I tried to solve my problem and with a little help of Stackoverflow and experimenting I have managed to find a solution.

I had to replace the link to semantic.min.css file from Fomantic UI page

<link rel="stylesheet" type="text/css" href="/dist/semantic.min.css">

with a link from here.

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.css">

I also had to add new link to icon.min.css file from here, just like below

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/components/icon.min.css">

I added all this links in head of my html file. You can see it on my Github.

See the problem on Stackoverflow.

--

--

No responses yet