Using font awesome unicode with css

HTML-CSS
#1

I am trying to use font awesome icons in css pseudo-elements. Some of them work, and some don’t. The only thing I can guess is that I have the font family wrong, but I can’t find any other font family online.

`.cat-div::after {
  content:'\f6be';  
  font-family: 'Font Awesome 5 Free';
  font-size: 2rem;
}`

Screenshot 2021-01-14 202007

https://codepen.io/KatyaBarta/pen/rNMQPor?editors=0100

image

#2

add font-weight: 900

1 Like
#3

Thank you so much!! That would never in a million years have occurred to me.

1 Like
#4

All you need to do is read the docs :smiley:
CSS Pseudo-Elements | Font Awesome

#5

I did! Only I think I was so focused on the idea of a font-family that I skimmed over the rest. Especially since it wasn’t needed for the other icon. Thanks again!

1 Like