search

Semantic-Org / Semantic-UI-CSS

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

Icons are not rendered with Meteor and React. #59

Open pociej opened 5 years ago

pociej commented 5 years ago

No icons are rendered, even built-in like close icon for modals. Everything works fine when semantic ui is used with blaze ( https://github.com/Semantic-Org/Semantic-UI-Meteor#meteor-13-1 ).

Here is repo for reproduction : https://github.com/pociej/semantic-icons-problem

MatthieuJnon commented 5 years ago

I resolved this issue by adding

@font-face { font-family: 'Icons'; src: url("./fonts/icons.eot"); src: url("./fonts/icons.eot?#iefix") format('embedded-opentype'), url("./fonts/icons.woff2") format('woff2'), url("./fonts/icons.woff") format('woff'), url("./fonts/icons.ttf") format('truetype'), url("./fonts/icons.svg#icons") format('svg'); font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-transform: none; }

to my css file and this "postinstall": "cp -R node_modules/semantic-ui-css/themes/default/assets/fonts ./public/" to package.json to make the fonts available in the public folder for the client

You can do the same thing to add the outline and brand icons