2014-04-03 93 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

问题解决了!谢谢 :) –