我有这个简单的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
但是当我使用php服务器托管相同的内容时,我会得到正确的结果,如小提琴中所示。
php -S localhost:9000
知道这是否是python Simple HTTP Server的限制?
答案 0 :(得分:2)
可能是编码。 PHP可能正在添加标头而python则不是。如果你在<html>
标签之后添加它(就像jsfiddle一样)它可能会起作用
<head>
<meta charset="utf-8">
</head>