Question

我在网页上使用字体很棒，以下不在我的本地系统上工作

<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://jsfiddle.net/ZF7x4/33/

http://fontawesome.io/icon/arrow-circle-o-down/

我不确定为什么它不起作用我尝试了一些东西，但它不起作用

更新：

虽然进一步发现问题我发现它只显示了localhost中的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>使用{{1}}时，它的原因是什么？

Answer 1

<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>

Answer 2

检查您是否在文档中声明UTF-8？

class ViewController: UIViewController { override func loadView() { self.view = SKView() } override func viewDidLoad() { let skView = view as! SKView ... } }

或

<meta charset="UTF-8">

您还可以使用以下链接

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

你也可以在你的css中试试这个，

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

Answer 3

就我而言，

<i class="fas fa-google"></i>

无法正常工作，我发现要使其正常工作，我需要将其用作

<i class="fab fa-google"></i>

Answer 4

在浏览器上使用控制台检查，从那里进行选择，您将能够看到未找到哪个文件，可能是字体，ttf文件，从github下载该文件并将其放在原来的目录中尝试从中加载它应该工作

Answer 5

我也遇到了同样的问题。我的css cdns加载好但脚本cdns没有加载。你做的是当你在浏览器的URL框中键入你的本地主机地址时，请执行以下操作：

http://localhost:<port>/

这对我有用。希望它会对你有所帮助。

Answer 6

问题是因为自从字体5起，您还需要包括其他文件。

2个解决方案

1-使用Web CDM

2-将所有其他文件夹添加到localhost目录中，它将立即生效

我希望对您有帮助

Answer 7

我遇到了同样的问题。

我通过简单地更改地址来实现这一点 href 我的 html 文件的属性。

在我将 css 文件 w.r.t 的位置指定给我当前的 html 文件（index.html）之前，因为我的 index.html 和 fontawesome 文件夹在同一个文件夹（医院库存）中。

<link rel="stylesheet" type="text/css" href="\fontawesome\css\all.css">

然后我把它交给了 localhost 并且它起作用了......

<link rel="stylesheet" type="text/css" href="\Hospital inventory\fontawesome\css\all.css">

字体很棒我没有在我的localhost上显示

7 个答案: