FontAwesome. Not all icons are displayed

Answered

Hi! I installed FontAwesome 4.7.0 in Rider 2019.2.2 from Nuget in my MVC -project (.NETCoreApp 2.2). In the _Layout i wrote :

<link rel="stylesheet" href="~/css/fontawesome/all.css" />
and
<script src="~/js/fontawesome/all.js" asp-append-version="true"></script>

Then in Index.cshtml :
@{
ViewData["Title"] = "Home Page";
}
<div class="row">

<p>files:<i class="fa fa-files-o"></i></p>

<p>pencil:<i class="fa fa-pencil-square-o"></i></p>

<p>trash:<i class="fa fa-trash-o"></i></p>

<p>info:<i class="fa fa-info" aria-hidden="true"></i></p>
</div>

But, not all icons are displayed (working only fa fa-info):


How to make all icons displayed?
1 comment
Comment actions Permalink

Hello,

Thank you for your detailed report, I was able to reproduce the issue in my lab. I have also tested the same code outside of Rider and got the same result, some icons were not displayed properly. If try to use the same code and icons, but in html page, not cshtml, they are displayed correctly. All mentioned indicate that most likely the reason for the issue is in ASP.NET. Please let me know if you have other questions. 

0

Please sign in to leave a comment.