css - Font Awesome 图标不显示

Question

相关问题:How can i reduce the size of the background of an image or remove it

左右箭头没有显示在页面中，尝试了很多css字体和内容，我认为缺少一些东西

@media screen and (max-width:800px){
	.my-view-detail .timeline-posts .owl-prev span,
	.my-view-detail .timeline-posts .owl-next span{
		display: none;
	}

	.mobile-next-prev{
		margin-top: -50px;
	}
	.set-button-left{
		position: inherit;
		float: left;
	font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f104";

	}
	.set-button-right{
		position: inherit;
		float: right;
		font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f105";
	}
}
@media screen and (max-width:680px){
	.mobile-next-prev{
		margin-top: -110px !important;
		position: relative !important;
		z-index: 1000 !important;

	}
	
}

<div class="row .mobile-next-prev">
	<div class="col-sm-12">

		<!-- pre start -->
		<?php if($previous){ ?>
		<a href="<?php echo base_url('details/'.$previous); ?>" class=".set-button-left" ></a>
		<?php } ?>
		<!-- pre end -->
		
		<!-- next start -->
		<?php if($nexts){  ?>
		<a href="<?php echo base_url('details/'.$nexts); ?>" class=".set-button-right" ></a>
		<!-- next end -->
		<?php } ?>
	</div>

</div>

我需要包含 css 文件还是什么？

希望有人能帮忙，我花了好几个小时都没有成功

Answer 1

我只使用了 fontawesome 4.7v，您可以在这里找到问题的解决方案 => enter link description here