Css Иконка не работает после загрузки хоста

enter image description here Css Иконка не работает после загрузки хоста

Я использую шаблон для моего веб-проекта и в 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. Что это такое и как я могу это решить?

источник

2013-09-28 Mert Saygı

ли вы загрузить шрифт, как-хорошо? –

Да, я загрузил. Редактировать: Upss. Когда я публикую свой проект в Visual Studio, он не помещает папку шрифтов в каталог публикации. Я прошел мимо. –

Трудно понять, в чем проблема, без доступа к вашему веб-хосту. Является ли шрифт на правильной карте? Точно так же, как вы указали? Я имею в виду эту строку: ../font/fontawesome-webfont.eot?v=3.1.0 –

Убедитесь, что вы также загрузить шрифт на хостинг, и связать его правильно в соответствии с этой линией: ../font/fontawesome-webfont.eot?v=3.1.0

источник

2013-09-28 16:07:18

Css Иконка не работает после загрузки хоста

ответ

Смежные вопросы