2014-04-03 29 views
0

我有這個簡單的html文件,顯示使用字體真棒的拇指向下圖標。當使用Python簡單的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> 

工作撥弄here

現在,當我嘗試沖水這個使用Python的SimpleHTTPServer我的本地機器上,我的字體不正確地呈現。我得到這個輸出

python -m SimpleHTTPServer 

font_awesome_python

但是,當我使用PHP的服務器主機一樣,我得到正確的結果如圖所示的小提琴。

php -S localhost:9000 

任何想法,如果這是一個python簡單HTTP服務器的限制嗎?

回答

2

這可能是編碼。 PHP可能會添加一個頭文件,而Python不是。如果您<html>標籤之後加入這個(如做的jsfiddle),它可能會工作

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

問題解決了!謝謝 :) –