Fatal编程技术网
  • html/
  • 如果HTML文件位于文件夹中，则字体在Mozilla中不起作用

如果HTML文件位于文件夹中，则字体在Mozilla中不起作用

html firefox

如果HTML文件位于文件夹中，则字体在Mozilla中不起作用,html,firefox,font-awesome,Html,Firefox,Font Awesome,我搜索过谷歌，找到了很多解决这个问题的方法，但是没有一个解决了这个问题 我的项目结构如下： 在index.html中，代码如下： <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device

我搜索过谷歌，找到了很多解决这个问题的方法，但是没有一个解决了这个问题

我的项目结构如下：

在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文件位于文件夹内时，它不起作用。

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

安装web服务器并通过HTTP请求文件。

“mozzila”？该浏览器名为Firefox，生产该浏览器的公司名为Mozilla（一个z，两个ls）。感谢您的快速响应。我把代码放在WAMP中，它就开始工作了。谢谢你的帮助。我一整天都在挠头。