使用Python简单的http服务器时,字体很棒,无法加载

时间:2014-04-03 23:36:56

标签: python html font-awesome simplehttpserver

我有这个简单的html文件,使用font awesome显示拇指按下图标。

<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 Simple HTTP Server的限制?

1 个答案:

答案 0 :(得分:2)

可能是编码。 PHP可能正在添加标头而python则不是。如果你在<html>标签之后添加它(就像jsfiddle一样)它可能会起作用

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