Font Awesome & Unicode

Question

I'm using (the excellent) Font-Awesome in my site, and it's working fine, if I use it this way:

<i class="icon-home"></i> 

But (for some reasons) I want to use it in the Unicode way, like:

<i>&#xf015;</i> 

(Font Awesome's cheatsheet)

But it doesn't work - the browser shows a square instead.

How do I solve this? The CSS path is correct (as the first way of using Font Awesome works).

Edit: I do have the FontAwesome.otf installed.

Answer 1

I got a simillary problem using unicode and fontawesome. when i wrote :

font-family: 'Font Awesome\ 5 Free'; content: "\f061"; /* FontAwesome Unicode */ 

On google chrome, a square appear instead of the icon. The new version of Font Awesome also requires

font-weight: 900; 

That's work for me.

From : https://github.com/FortAwesome/Font-Awesome/issues/11946

Hope that's will help.