Question

当我使用fontawesome时在标题中写道，任何图标都只显示为矩形。

在这种情况下，我使用了fontawesome CDN -

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

我想为滑块创建角度向右和角度，这是位置：相对

<a href="#" class="prev">
                    <i class="fa fa-angle-left fa-5x"></i>
                </a>
                <a href="#" class="next">
                    <i class="fa fa-angle-right fa-5x"></i>
                </a>

CSS -

.home .slider .prev {
position: absolute;
top: 425px;
left: 20px;
font-size: 20px;
color: #fff;
z-index: 200;}




.home .slider .next {
position: absolute;
top: 425px;
right: 20px;
font-size: 20px;
color: #fff;
z-index: 200;}

有人知道如何解决这个问题，在这种情况下问题是什么，所以图标只显示为矩形

Answer 1

您的href=""部分包含问题：

将其更改为：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

甚至将href=""更改为src=""：

<link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">

fontawesome - 图标仅显示为矩形

1 个答案: