2014-04-03 3 views
0

글꼴을 사용하여 엄지 아이콘을 표시하는이 간단한 html 파일이 있습니다.파이썬을 사용할 때 awesome이 로딩되지 않습니다. 간단한 http 서버

<html> 
    <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script> 
    <script> 
    WebFont.load({ 
     custom: { 
     families: ['FontAwesome'], 
     urls : ['//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'] 
    }, 
    fontloading: function(familyName, fvd) {}, 
    fontactive: function(familyName, fvd) {}, 
    fontinactive: function(familyName, fvd) { 
    }}); 
    </script> 
    <style type="text/css"> 
    html{ 
    background-color:black; 
    color:green; 
    } 

    .thumb_down:before { 
     content:""; 
     font-family: FontAwesome; 
     color: #ffffff; 
    } 

    </style> 

    <body> 
    <div class="thumb_down">I am here! </div> 
    </body> 
</html> 

은 내가 파이썬 SimpleHTTPServer를 사용하여 내 로컬 컴퓨터에서이 문제를 뿌리기 때 바이올린 이제 here

근무, 내 글꼴이 제대로 렌더링되지 않습니다. 나는 내가 PHP 서버를 사용하여 동일한 호스트 때 바이올린과 같이

python -m SimpleHTTPServer 

font_awesome_python

는하지만, 내가 올바른 결과를 얻을이 출력을 얻을.

php -S localhost:9000 

이것이 파이썬 단순 HTTP 서버의 제한 사항이라면 어떤 생각이십니까?

답변

2

아마도 인코딩 일 것입니다. PHP는 아마 헤더를 추가하고 파이썬은 그렇지 않습니다. <html> 태그 (jsfiddle처럼) 후에 추가하면

<head> 
    <meta charset="utf-8"> 
</head> 
+0

고쳐졌습니다. 감사 :) –