How to Fix Font Awesome Icons Showing as Box?

In order to use font awesome with CSS, you should use proper font family. Below is the kind of CSS code used in version 4.70.

.li:before {
    content: ""; 
    font-family: "FontAwesome"; 
    font-weight: normal; 
}