Question

出于某些原因，FrontAwesome中的图标对我不起作用。在chrome上运行。

我的代码：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" href="maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

</head>
<body>
    <i class="icon major fa-paper-plane"></i>
    <p>test?</p>
</body>
</html>

非常感谢。

Answer 1

您在班级名称

fa

CDN链接应以//

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

<i class="icon major fa fa-paper-plane"></i>

那应显示图标。请检查此fiddle

＆＃13;

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
<i class="fa fa-paper-plane"></i>

＆＃13;

Answer 2

而不是

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

<i class="icon major fa-paper-plane"></i>

到

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 <i class="fa fa-paper-plane icon major"></i> <!-- add class fa-->

＆＃13;

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-paper-plane icon major"></i>

＆＃13;

Answer 3

有时，如果您在没有任何服务器帮助的情况下从计算机提供html页面，就会发生这种情况。我之前见过这样的东西。所以我请你把你的代码目录放在服务器或者像apache或nginx的本地安装中。或者，为了快速响应处理时间，请使用HTTP-SERVER

这是一个非常快速可靠的服务器，可以轻松地提供页面内容。。然后使用localhost或服务器端口访问您的代码和页面。因此服务器将快速请求CDN的来源。

Answer 4

因为答案对你没有帮助。基本问题是：您是否在本地.html文件中工作？如果是这样，则无法使用*httprouter.Router。例如，在Windows中，浏览器开始查找//maxcdn..。

相反，请使用file:////maxcdn..，以便浏览器开始在线查找而不是本地文件系统。

因此，您的HTML将如下所示：

https://maxcdn

FontAwesome：出了什么问题？

4 个答案: