- This topic has 4 replies, 2 voices, and was last updated 6 years, 6 months ago by
.
Hello. I am trying to insert a Font Awesome icon (this icon) via CSS, but having trouble. As a test, I added the following CSS:
li::before {
content: “\f095”;
font-size: 18px;
position: absolute;
}But on the front-end, it displayed only blank icons (see attached screenshot). What am I doing wrong?
Thanks.
Hi @cagross,
I hope you are well today and thank you for your question.
You have not added font family property to font awesome in the above shared CSS code so please add it.
Could you please share me the page URL from your site where it is displaying so that I can help you?
Best regards,
Shufflehound team> You have not added font family property to font awesome in the above shared CSS code so please add it.
OK right. So what font-family should I use? I tried
<div>
<div>font-family: “FontAwesome”;</div>
</div>
<div></div>
<div>But that didn’t change anything.</div>
<div></div>
<div></div>
<div>Jewels By Aron – live site (front-end)</div>>> Could you please share me the page URL from your site where it is displaying so that I can help you?
Sure, it is here: https://staging-e43sehju.versionpress.com/
edit: Wow. The text editor I’m using to submit this message is pretty bad :-/ It automatically added all that unnecessary markup, and the auto-formatting is very poor.
Solution for this topic
Edit: OK my issue with the Font Awesome icon is resolved–I think I just needed to do a hard refresh. So we can consider that resolved.
But your text editor here in this forum still has many issues.
Edit: OK my issue with the Font Awesome icon is resolved–I think I just needed to do a hard refresh. So we can consider that resolved.
Awesome great to see you got that resolved.
Please advise if you have more questions.
Have a fantastic day!
But your text editor here in this forum still has many issues.
Have you copied that text in the above reply from somewhere and pasted it in the editor?
If yes then please note that the HTML markup also gets copied.
