New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Icon far fa-star not working #12677
Comments
@ShoeLace1291 Actually in every font awesome icon there is a constant thing which is "fa", so we can say that it's a short-form of Font Awesome. Regards, |
@aizazshahid this is displaying the exact same icon as "fas fa-star" which is the solid and what I want is the "empty" star. From what I can remember, in v4.0, the class was fa-star-o for the empty star. This is what I want, but that code doesn't work in v5. |
@ShoeLace1291 my mistake i didn't know that. But, may be, this will solve your problem Upgrading from version 4 |
This issue is not fixed yet. Latest Version 5.0.9 also having same issue. I cant able to select empty star. |
I'm using these on my own project just fine, but I know it's pretty easy to accidentally override the font weight on these and result in a broken icon if you're using the CSS approach - not sure if that still happens with the SVG method though. |
I have the same issue |
Hi! Thanks for being part of the Font Awesome Community. Please provide all the information required by our bug report template |
I am having the same issue as @julicamb . Any solution or info so far? |
No feedback, closing here. Please provide all the information required by our bug report template |
@DanijeIH |
So basically: This issue is easily fixable when you know how, I posted my solution in another issue with a similar issue I think. I apparently forgot to post it here too. When you find the exact steps, post them here for future reference. |
Yes, I figured it out.
|
This is documented at https://fontawesome.com/how-to-use/with-the-api/setup/importing-icons, at the very bottom of the page
|
@tagliala Thanks for the info! I wasn't able to find it but had to figure it out on my own. I am using this with Vue and was focusing on the Vue-Fontawesome part and searching something like that doesn't provide this info as plain. Just a suggestion, maybe if this were also added to https://github.com/FortAwesome/vue-fontawesome readme. |
I had the same issue, thanks to @julicamb I added this line to my sass and fixed my problem:
|
Just simply link the css file this way "project-folder/font-awesome-folder/css/all.css" rather than "project-folder/font-awesome-folder/css/font-awesome.min.css" It perfectly work from my end:) Happy New Year: |
I hope you solved your issue, but for anyone still looking, simple add
to your head element in the html, this worked for me |
This works thanks |
far fa-star is paid |
Hi,
If you have troubles in using or upgrading Font Awesome, please check our documentation https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use If you still have issues in using |
It's working |
I am trying to use the star icons to make an article rating system.If an article has 3/5 star rating, it shows 3 "fas fa-star" icons and 2 "far fa-star" icons. I assume that fas means solid, far means regular. The regular star icon is not showing up. It just shows up as an empty square outline. The solid star works fine. I am using webfonts.
Update: Even after switching to JS SVGs this is not working. Am I missing something?
The text was updated successfully, but these errors were encountered: