last day (15 days later) » 

2:40 AM
0
Q: Why won't font-awesome icons work in Bulma?

greyskiesI don't know why the <span>'s below in my code won't show up. I ultimately want to add social media icons on my page but for testing purposes, none of these icons are showing up. I know for a fact Bulma's installed because if I do something like <a class="button is-primary">Primary</a> the Bulm...

 
font-awesome is not part of bulma. bulma just states, that it is compatible with font-awesome. you still need to add font-awesome as a dependency
 
@jcal but if I add font-awesome as a dependency, then my whole page just blanks for some odd reason. It doesn't seem to like it.
 
¯_(ツ)_/¯ .. which package are you adding as a depedency?
 
@jcal npm install --save font-awesome and inside my index.js I'm calling import 'font-awesome/css/font-awesome.min.css but upon doing so, my page just blanks.
 
I really dont know why your page is just blank.. but another issue is.. that you installed fontawesome v4.something.. you need to add @fortawesome/fontawesome-free since you are using the v5 css classes
 
2:40 AM
@jcal Yeah, I've tried that too, you're referring to this: https://fontawesome.com/how-to-use/on-the-web/using-with/rea‌​ct but my page just blanks, so strange.
I have no clue why this is happening :(
 
tbh, no clue why your pages are just blank^^
 
yeah me neither.
is there anything else out there I can use to put social media icons on my page?
 
have you tried using a cdn?
 
I'm avoiding CDNs because I'm trying to ship this to production environment
 
what if
instead of importing it from js, import it from the css file
doesnt work either?
 
2:46 AM
what do you mean by that?
 
well instead of using import 'font-awesome/css/font-awesome.min.css in your index.js
try @import "~fontawesome/css/font-awseome.min.css" in you style.css
 
where would the style.css be located?
 
did u use creat react app?
 
no, I'm using webpack
 
well you could simply create a style.css file
and add a <link> tag to you index.html
your*
 
2:49 AM
oh ok so you're saying
 
depends on your webpack setup
i really dont know if that would work
 
yeah I don't think it will
 
but if nothing else does .. you could give it a try
 
but it's strange how bulma button works but not icon
 
yeah thats right
but they are different packages..
but yeah who knows
well good luck
 
2:51 AM
thanks man
 
cya^^
 

last day (15 days later) »