videogular / videogular2

The HTML5 video player for Angular 2
https://videogular.github.io/videogular2-showroom/#/
MIT License
672 stars 211 forks source link

Can't see some icons #291

Closed uiktiomasfeliz closed 7 years ago

uiktiomasfeliz commented 7 years ago

Hy there, i can't enable the icons that missing. The function work's but i can't see them. Tried change the style, but nothing.

image

Elecash commented 7 years ago

If you're using the Angular CLI you need to add the videogular CSS to the styles property in angular-cli.json file.

"styles": [
    "../node_modules/videogular2/fonts/videogular.css",
    "styles.css"
]
uiktiomasfeliz commented 7 years ago

And with a systemjs.config.js is it possible? i don't find angular-cli.json

Elecash commented 7 years ago

I recommend you to use the Angular CLI with Webpack, it will give you tree-shaking and other cool features and it's really easy to use.

In case you want to continue with SystemJS you can just copy the CSS to a folder and link it in the HTML as a regular CSS file.

uiktiomasfeliz commented 7 years ago

Thanks a lot, in the future i'll change the project to angular cli.

numerized commented 7 years ago

Same here when using in Ionic2.

Workaround is to copy the css content and copy the fonts in ionic scss.

slegouffe commented 7 years ago

Hey there ! For Ionic 2 icon support, I suggest you to read this very helpfull tutorial about adding FontAwesome in Ionic 2 as it's the same way to add Videogular icons : https://luiscabrera.site/tech/2017/01/09/fontawesome-in-ionic2.html

Sampath-Lokuge commented 5 years ago

This is for Ionic 3: https://stackoverflow.com/questions/54366131/where-to-put-angular-cli-json-content-on-ionic-3-app