我正在开发一个网站，但是我对字体真棒5还是陌生的。我已经成功生成了JS套件并将其包含在我的项目中。但是，我试图将图标放在ul列表中-它们在台式机上可以正常工作，但在移动设备上不能正常工作。
我包含的图标如下：
.footer .widget ul li {
font-size: 14px;
line-height: 25px;
padding: 0 0 0 15px;
font-family: 'Fira Sans', sans-serif;
width: 100%;
}
.footer .widget ul li:before {
content: "\f105";
font-family: "Font Awesome 5 Free"!important;
display: inline-block;
margin-left: -15px;
width: 15px;
}
HTML结构是：
<ul>
<li>Option 1</li>
<li>Option 2</li>
<li>Option 3</li>
</ul>
由于某些原因，只有那些图标显示为正方形。 标记中包含的图标可以正常工作。