Lea*_*ing 7 html css font-awesome
我在网页上使用了很棒的字体，但以下内容在我的本地系统上不起作用
<a href="#header" class="fa fa-angle-down"></a>
<a href="#header" class="fa fa-arrow-circle-o-down" style="font-size:24px"></a>
相同的代码可在小提琴上工作，但不适用于本地主机
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
http://fontawesome.io/icon/arrow-circle-o-down/
我不确定为什么它不起作用我尝试了几件事但是没用
更新：
虽然麻烦射击，但我注意到它仅在本地主机中显示以下css
.fa {
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
}
其余部分在小提琴上可见，但未在localhost中显示。不知道为什么我使用相同的CDN链接
.fa-angle-down::before {
content: "?";
}
.fa-angle-down::before {
content: "?";
}
更新2：
问题似乎只anchor在我使用<i class="fa fa-angle-down"></i>它的时候才起作用，为什么呢？
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<a href="#header" class="fa fa-angle-down" style="font-size:24px"></a>
<br/>
<br/>
<a href="#header" class="fa fa-arrow-circle-o-down" style="font-size:24px"></a>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
6580 次 |
| 最近记录： |