Semantic-Org / Semantic-UI-CSS

CSS Only distribution
http://www.semantic-ui.com
MIT License
489 stars 360 forks source link

2.3.0 Some Icons do not show up #44

Open achimkoellner opened 6 years ago

achimkoellner commented 6 years ago

Since upgrading to 2.3.0 some icons do not show up:

Example:

``

<i class="wrench icon"></i> displays normal
<i class="pencil alternate icon"></i> does not show (shows alternative sqare-character)

``

same happens with "copy outline icon" for instance. But most (old) Icons are visible.

When replaced the icon fonts with the new 2.3.0 version my repository didn't show any change when I replaced the icon font files but as the font files should be fontawesome v5 now it appears that they are not yet updated on github?

I cleared my browser cache.

In the inspector the icon :before content attribute seems to be filled with the correct character value but it seems that some new icons are not present in the font file.

achimkoellner commented 6 years ago

I tracked it down to that some content character-codes in semantic-ui-css are not according to fontawesome

For instance: The "copy outline icon" uses content: "\f0c5": https://fontawesome.com/icons/copy?style=regular

Semantic UI css references "\f332".

The "pencil alternate icon" is referencing "\f303" which is according to the fontawesome documentation but it still does not show up, so maybe it is missing in the font file?

I downloaded the font-file from the SUI documentation and used that one as the icon shows up in the docs but still it is not visible.

musatoktas commented 5 years ago

I've faced same issue, icon is showing just before i add alterante outline class. After add alternate outline class it disappear