如果HTML文件位於文件夾內，Font-Awesome在Mozilla中不起作用

我搜索了Google並找到了許多針對此問題的解決方案，但所提供的解決方案均未解決該問題。如果HTML文件位於文件夾內，Font-Awesome在Mozilla中不起作用

我的項目結構如下：

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

此代碼工作完美，除了火狐所有的瀏覽器。如果我放在的index.html外HTML文件夾，並鏈接像...

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

...它工作正常。但是當HTML文件位於文件夾內時它不起作用。

來源

2017-05-03 DHRUBANEEL DAS

「mozzila」？該瀏覽器被稱爲* Firefox *，並且該公司被稱爲* Mozilla *（一個z，兩個ls）。 – Quentin

當從本地文件系統加載文件時，Firefox在訪問HTML文檔所在目錄之外的文件時存在安全限制。字體是受此影響的資源之一。

安裝Web服務器並通過HTTP請求您的文件。

來源

2017-05-03 12:44:42 Quentin

感謝您的快速響應。我將代碼放在WAMP中，並開始工作。謝謝您的幫助。我整天都在撓頭。 –

如果HTML文件位於文件夾內，Font-Awesome在Mozilla中不起作用

回答

相關問題