tag icon in front of tags

crazycells

Hi @phenomlab , you have a tag icon in front of tag words, and I believe it looks cooler.

how do you achieve this?

phenomlab

@crazycells Hi, I use the below CSS for this

span.tag:before {
    content: "\f02c";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    margin-left: 5px;
}

crazycells

@phenomlab for me, it shows a vegetable lol
how can I fix this? Thanks a lot.

Screen Shot 2022-01-20 at 11.08.22 AM.png

phenomlab

@crazycells Are you using Font Awesome Free ? If so, try this

span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}

crazycells

@crazycells Are you using Font Awesome Free ? If so, try this

span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}

yeap, this worked thanks a lot.