FontAwesome图标未显示。为什么？
最近，我一直在开发此网站，并试图在其中添加超棒的字体图标，以便其可扩展。
问题是他们没有露面。
看一下HTML：
<a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a>
要么
<li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li>
我确实把样式表引用放在了头上。
我不知道为什么他们没有出现。
这里是参考：
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
好了，这是完整的html：
<head>
<meta charset="UTF-8">
<title>Retrica</title>
<link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="style/normalize.css" rel="stylesheet" type="text/css">
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="style/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="top-header">
<div class="container"><!-- Start Container -->
<div class="row"><!-- Start Row -->
<div class="span3"><!-- Start Span3 -->
<div class="logo"><img src="img/Retrica.@2x.png" alt="" width="67px" height="13,5px"></div>
</div><!-- End Span3 -->
<div class="span9"><!-- Start Span9 -->
<nav class="main-nav"> <!-- Start Nav -->
<a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a>
<ul class="nav-ul"> <!-- Start Unordered List -->
<li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li>
<li><a href="#"><span class="fa fa-mobile-phone fa-2x"></span> Contact Us</a></li>
</ul> <!-- End Unordered List -->
</nav><!-- End Nav -->
</div><!-- End Span9 -->
</div><!-- End Row -->
</div><!-- End Container -->
</header>
<section>
<h1>The greatest way to contact those you love</h1>
<h3>In a way you don't imagine</h3>
<a href="#" class="btncta">Register Now</a>
</section>
</body>
问题答案：
根据您的参考，您有：
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
具体来说，就是这个href=部分。
但是，在您的完整html下是这样的：
<link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
您是否尝试过更换src=与href=您的全HTML变成这样？
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
-
我的网页现在显示的是图标的方块，而不是图标本身。 我有相同的页面（我将代码“复制-粘贴”到)，Page2显示的是正方形（里面有一些字符……)，而不是图标。 好吧，我检查了Page2的控制台，下面是我发现的： 可下载字体：下载失败（font-family：“fontawesome”样式：正常重量：正常拉伸：正常src索引：1）：URI错误或不允许跨站点访问源：file：///d:/dist/font
-
我使用字体很棒，不希望添加CSS与HTTP。我下载了Font Awesome并将其包含在我的代码中，但Font Awesome显示的是一个有边框的方框，而不是图标。下面是我的代码： 我想知道如何使图标显示而不是边框方框。
-
路径没错啊，就是在static目录下的 图片啊
-
飞行模式已开启。该模式会切断手表的所有无线通信。您仍可以使用手表，但无法与 Polar Flow 移动应用程序同步数据，或将其与任何无线配件一起使用。 勿打扰模式已开启。启用免打扰后，您收到通知或来电时，手表不会震动（显示屏左下方的红点仍会亮起）。背光灯激活手势也会被禁用。 启用免打扰后，您收到通知或来电时，手表不会振动（显示屏左下方的红点仍会亮起）。背光灯激活手势也会被禁用。 闹铃已设置。您可以
-
飞行模式已开启。飞行模式可终止来自手表的所有无线通信。您仍可以使用手表，但是，不能使用 Polar Flow 移动应用同步数据，或将手表与任何无线连接配件搭配使用。 免打扰模式已开启。启用免打扰后，您收到通知或来电时，手表不会振动（显示屏左下方的红点仍会亮起）。背光灯激活手势也会被禁用。 启用免打扰后，您收到通知或来电时，手表不会振动（显示屏下方的红点仍会亮起）。背光灯激活手势也会被禁用。 闹铃已
-
我一直在我的一个web项目中使用fontawesome，当我使用CDN链接作为它的样式表时，它工作得很好，但当我想在本地拥有所有东西并从网站下载fontawesome（zip文件）时，它就会变得乱七八糟，并且显示多个图标，作为图标的png文件的某种不良缩放问题。 唯一的变化是 这个 进入这个 同样，问题不是它不能工作，而是它如何显示多个图标。