Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Icons not showing with Semantic UI

Tags:

I am building Semantic UI with Gulp using this guide

However, the problem is now that the icons are not showing. So if I use <i class="facebook icon"></i>, nothing shows up.

I guess I haven't built the icon font or something like that.

Is it necessary to load Font Awesome or something like that myself? I have read through the Semantic UI documentation, but I cannot find anywhere stating that I have to do anything to enable icons.

like image 978
Jamgreen Avatar asked Mar 21 '17 09:03

Jamgreen


People also ask

Is Semantic UI abandoned?

Semantic UI is not dead. There is a community that wants to keep it going. I think it would be helpful to create an RFC repo to discuss future direction of the project and the planning of the implementations of the decisions we make.

Is Semantic UI popular?

Our reports are updated daily. Semantic UI is used by 0.1% of all the websites whose JavaScript library we know.

Is Semantic UI customizable?

Semantic provides several ways to modify UI elements. For big projects that rely on building a personalized brand-aware visual language, site themes allow you to modify the underlying variables powering Semantic UI, as well as specify alternative overriding css.


2 Answers

You need to include the font assets which are located in themes/default/assets/fonts/

The themes folder must be in the same directory as your semantic.css file.

The fonts are imported externally from the semantic.css file from within the themes directory.

To obtain this directory, download the zip for semantic ui and look inside the dist folder.

like image 95
therewillbecode Avatar answered Nov 05 '22 00:11

therewillbecode


I was having the same issue, use this link tag in the head of your html and you're good to go :

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" />

Got this from their official website.

like image 43
Sanyam Gupta Avatar answered Nov 05 '22 00:11

Sanyam Gupta