Semantic-UI-Meteor: Using icon: Failed to decode downloaded font

When I include an icon in my html, I get a square instead and an error in the console.

<i class="github icon"></i>

gives me:

Failed to decode downloaded font: http://localhost:3000/lib/semantic-ui/src/themes/default/assets/fonts/icons.woff2
Failed to decode downloaded font: http://localhost:3000/lib/semantic-ui/src/themes/default/assets/fonts/icons.woff
Failed to decode downloaded font: http://localhost:3000/lib/semantic-ui/src/themes/default/assets/fonts/icons.ttf

I looked in themes/ but there is no assets/ directory. Any suggestions?

About this issue

Original URL
State: open
Created 9 years ago
Comments: 16

Most upvoted comments

Hi, just wanted to add in my 2 cents here.

I had the same issue in Meteor ver. 2.1.4. Add the following package from Atmosphere fixed the issue. meteor add semantic:ui-icon

Hope this helps

avixter on Jan 23, 2018

Checklist for Meteor + React // install packages

$ meteor npm install semantic-ui-react
$ meteor npm install semantic-ui-css
meteor add semantic:ui-icon meteor-app/client/main.js must include (client entry file)
import 'semantic-ui-css/semantic.min.css' Hope this helps

evg1n on Mar 21, 2020

@sungwoncho I just found a workaround to this issue. Turn icons off in custom.semantic.json then add semantic:ui-icon to api.use in your package. Semantic UI icons work after that.

zachariahtimothy on Sep 18, 2015