Adding Font Icons into Vue components

arielsalminen / vue-design-system

An open source tool for building UI Design Systems with Vue.js

https://vueds.com

MIT License

2.17k stars 225 forks source link

Adding Font Icons into Vue components #151

Closed rinobatin closed 5 years ago

rinobatin commented 5 years ago

I'm trying to include font-awesome icons into the sample Button.vue. So I added the "font-awesome": "^4.7.0" package and referenced it docs.helper.js (import "font-awesome/css/font-awesome.css"). Then, in the Button.vue i added something like <i class="fa fa-cog"><i>.

On the browser, I can see font-awesome is loaded (http://localhost:6060/assets/fonts/fontawesome-webfont.674f50d.eot) and styles applied but the icon is not showing.

rinobatin commented 5 years ago

i ended up loading font-awesome from a CDN.