Changing bulleted item in CSS to fa fa-heart with \f004 [duplicate]

161
November 29, 2018, at 1:40 PM

This question already has an answer here:

  • Fontawesome 5 unicode 3 answers

I am editing the CSS on my site, and want to make the bullets that appear next to my "likes" appear as a Font Awesome Heart (link)

I use the following code in my CSS:

span.dots ::before { 
font-family: 'FontAwesome';
content: '\f004';
    font-size: 15px;
color: #f00;
}

The class of the <span> is dots, so thats what I am targeting.

The heart appears fine, but it's a full heart, not a bordered hear with a hollowed out center. To get the style I want usually you have to switch the class to "fas fa-heart" but let's assume all I can do is edit the CSS.

Any ideas?

Answer 1

Do you have the the entire FontAwesome family installed? If you do, then it could be a font-weight issue. Try:

span.dots ::before { 
font-family: 'FontAwesome';
content: '\f004';
font-weight:400;
    font-size: 15px;
color: #f00;
}

If you take a look at the FontAwesome CSS file it tells you which style to use if you have the entire font family in the css.

Rent Charter Buses Company
READ ALSO
How do I automate my school sign up process

How do I automate my school sign up process

I am a sophomore at SeattleU, the process is a little stressful because I generally have a time at the tail end

39
Firebase push notification (android+ node.js)

Firebase push notification (android+ node.js)

Is it possible to save FCM generated token in mysql database? I have nodejs api server (node

219
I made a nodejs express server that connects to a mongo database on mlab. How do I connect CRUD functionality to this server from my React app?

I made a nodejs express server that connects to a mongo database on mlab. How do I connect CRUD functionality to this server from my React app?

I built one nodejs app that uses express routing to connect to a mongodb on mlab that listens on a local portI built a React app with nodejs that is listening on another port

118
How to sum total that refer to other data frame

How to sum total that refer to other data frame

I would like to sum all combination from two DataFrames,

173