如果HTML文件在文件夹中，则字体很棒，无法在Mozilla中使用

时间：2017-05-03 12:42:23

标签： html firefox font-awesome

我搜索了Google并找到了许多此问题的解决方案，但所提供的解决方案都没有解决它。

我的项目结构如下：

Project structure

在 index.html 中，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../lib/font-awesome/css/font-awesome.css"> 
  <script src="../lib/jquery/dist/jquery.min.js"></script>
  <script src="../lib/bootstrap/dist/js/bootstrap.min.js"></script>    
</head>
<body>
  <i class="fa fa-car"></i>
  <i class="fa fa-car" style="font-size:48px;"></i>
  <i class="fa fa-car" style="font-size:60px;color:red;"></i>
</body>
</html>

此代码适用于除Firefox以外的所有浏览器。如果我将 index.html 放在HTML文件夹之外，并将链接设为...... 

<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">

......它运作正常。但是当HTML文件位于文件夹中时它不起作用。

1 个答案:

答案 0 :(得分：0)

在从本地文件系统加载文件时，Firefox对访问HTML文档所在目录之外的文件有安全限制。字体是受此影响的资源之一。

安装Web服务器并通过HTTP请求您的文件。

相关问题
最新问题