Предоставленный вами CSS работает должным образом, вероятно, есть проблема с конфигурацией, вероятно, файлы шрифтов (eot, woff, woff2 и т. Д.) Не могут быть загружены.Вам следует использовать консоль разработчика и определить, не выполняются ли запросы на шрифты.
Вот рабочий пример:
ul {
list-style-type: none;
}
ul li a:before {
font-family: "Font Awesome 5 Free";
font-weight: 400;
content: "\f1ea";
}
<link href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" rel="stylesheet" />
<ul>
<li><a>foo</a></li>
<li><a>bar</a></li>
<li><a>baz</a></li>
</ul>