2013-09-02 1 views
1

내 Django 프로젝트 중 하나에서 순수한 CSS와 부트 스트랩을 사용하고 있으며 내 로컬 컴퓨터에서 실행할 때 모든 것이 정상입니다. 하지만 배포 한 후에는 모양이 다릅니다. 내 로컬 컴퓨터에서 글꼴의 스냅 샷순수 css javascript가 배포 후 작동하지 않습니다. Django

enter image description here

입니다하지만 난 디지털 바다를 배치 한 후 글꼴 폭 증가했다. 이 배포 후 지금의 모습의 스냅 샷

enter image description here

그것은 http://getfbstuff.com에서 라이브입니다. 내가

{% load staticfiles %} 
<head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <title>Get Facebook Stuff</title> 

     <link rel="stylesheet" href="{% static 'downloader/pure-market.css' %}"> 
     <link rel="stylesheet" href="{% static 'downloader/baby-blue.css' %}"> 
     <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.css' %}"/> 
     <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.min.css' %}"/> 
     <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap-responsive.css' %}"/> 
     <link rel="stylesheet" href="{% static 'downloader/style.css' %}"> 

     <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css"> 
     <script src="http://use.typekit.net/ajf8ggy.js"></script> 
     <script> 
      try { Typekit.load(); } catch (e) {} 
     </script> 

</head> 

머리

의 HTML 코드를 게시하고 난 문제가
<script src="http://use.typekit.net/ajf8ggy.js"></script> 
<script> 
    try { Typekit.load(); } catch (e) {} 
</script> 

가 없네요 - 도움말을 주시면 감사하겠습니다 모르는이 자바 스크립트로 생각합니다. 미리 감사드립니다.

+0

안녕하세요, * console.log (e); *를 catch 블록에 넣으십시오. 그것은 당신에게 유용한 것을 알려줄 것입니다. –

답변

0

크롬, 파이어 폭스 또는 IE (웹 개발자 도구 사용)가 설치된 경우 콘솔 디버거를 참조하십시오. 몇 가지 의존성이 예상 경로에로드되지 않습니다.

프로덕션 서버를 serve static content으로 설정 했습니까? 또한 도메인 간 문제가있는 것으로 보입니다.

+0

예! 정적 파일이 올바르게 제공됩니다. – vaibhav1312

+0

은 purecss.io의 홈 페이지 일 수도 있지만 사이트의 글꼴이 제대로 렌더링됩니다 – vaibhav1312

+0

포함 된 유형이 호스팅 서버 (따라서 403)에 의해 거부되어 글꼴을 포함 할 합법적 인 계정을 갖고 있습니까? –

관련 문제