asp.net - 主机上传后 Css 图标不起作用

Question

我在我的 Web 元素和 asp.net 中使用模板。在本地主机中，我的图标清晰可见，就像图片的顶部，但是当我将其上传到主机时，它看起来像正确的图标下方。当我查看模板的 CSS 代码时，我看到了这样的内容:

@font-face {
font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot?v=3.1.0');
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.icon-large:before {
vertical-align: -10%;
font-size: 1.3333333333333333em;
}

a [class^="icon-"], a [class*=" icon-"], a [class^="icon-"]:before, a [class*=" icon-"]:before {
display: inline;
}

[class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width {
display: inline-block;
width: 1.2857142857142858em;
text-align: center;
}

[class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.5714285714285714em;
}

ul.icons-ul {
list-style-type: none;
text-indent: -0.7142857142857143em;
margin-left: 2.142857142857143em;
}

ul.icons-ul > li .icon-li {
    width: .7142857142857143em;
    display: inline-block;
    text-align: center;
}

[class^="icon-"].hide, [class*=" icon-"].hide {
display: none;
}

.icon-muted {
color: #eee;
}


.icon-glass:before {
content: "\f000";
}

我不擅长CSS。那是什么，我该如何解决？

Answer 1

确保你也将字体上传到虚拟主机，并根据此行正确链接它:../font/fontawesome-webfont.eot?v=3.1.0