fontawesome - 图标仅显示为矩形

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 - 图标仅显示为矩形

fontawesome - Icons appear only as rectangular shapes

css

font-awesome