HTML 파일이 폴더 안에있는 경우 Font-Awesome이 Mozilla에서 작동하지 않습니다.

Google을 검색하여이 문제에 대한 여러 가지 해결책을 찾았지만 제공되는 해결책이 없습니다. 다음과 같이HTML 파일이 폴더 안에있는 경우 Font-Awesome이 Mozilla에서 작동하지 않습니다.

내 프로젝트 구조는 다음과 같습니다

이

<!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을에서 코드는 다음과 같습니다. 나는 index.html을 외부 HTML 폴더를 배치하고 ... 같은

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

를 링크 한 경우 ... 그것을 잘 작동합니다. 그러나 HTML 파일이 폴더 안에있을 때는 작동하지 않습니다.

출처

2017-05-03 DHRUBANEEL DAS

"mozzila"? 브라우저는 * Firefox *라고 불리며, 만드는 회사는 Mozilla * (1 개 z, 2 개 ls)라고합니다. – Quentin

Firefox는 로컬 파일 시스템에서 파일을로드 할 때 HTML 문서가있는 디렉토리 외부의 파일에 액세스하는 데 보안 제한이 있습니다. 글꼴은 이것의 영향을받는 자원 중 하나입니다.

웹 서버를 설치하고 대신 HTTP를 통해 파일을 요청하십시오.

출처

2017-05-03 12:44:42 Quentin

빠른 응답을 주셔서 감사합니다. 나는 WAMP에 코드를 넣었고 작동하기 시작했다. 도와 주셔서 감사합니다. 나는 하루 종일 머리를 쓰다듬고 있었다. –

HTML 파일이 폴더 안에있는 경우 Font-Awesome이 Mozilla에서 작동하지 않습니다.

답변

관련 문제