2013-10-09 5 views
2

Я только начинаю с Font Awesome, и я должен что-то делать с ссылками на файлы в пакете. Значки не отображаются, например, с <i class="icon-music"></i>.Шрифт Awesome не загружается

Ниже приведено значение css по умолчанию, за исключением того, что я изменил путь к файлу, чтобы привязать свою структуру.

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

Относительный путь должен быть правильным со всеми типами шрифтов внутри Font папки и эта папка находится на одном уровне с Content папку, которая имеет таблицу стилей.

enter image description here

Является ли строка запроса добавляется к именам шрифтов в таблице стилей для проверки браузеров? Если да, то то, что я сделал на странице html с условным комментарием ie7, должно быть недействительным.

<link rel="stylesheet" media="all" href="@Url.Content("~/Content/font-awesome.css")" /> 
<!--[if IE 7]> 
<link rel="stylesheet" media="all" href="@Url.Content("~/Content/font-awesome-ie7.css")" /> 
<![endif]--> 

Следует ли удалить строку запроса после имен шрифтов в таблице стилей и сохранить вместо этого условное выражение ie7 или наоборот? или это что-то еще, что вы видите причину проблемы?

+1

Существует некоторая странность, связанные с веб-шрифтов и IIS, которые могут быть частью этого: http://sebduggan.com/ blog/serve-web-fonts-from-iis/ –

+0

Я вижу, что вы используете ASP.NET с синтаксисом Razor. В следующий раз, пожалуйста, отметьте свое сообщение соответственно, иначе кто-то, увидев 'href =" @ Url.Content (...) ", может не понимать этот синтаксис. – qJake

+2

Также: убедитесь, что ваш экземпляр IIS настроен для доставки веб-шрифтов. Попробуйте напрямую перейти к URL-адресу и посмотрите, загружает или принимает ваш браузер файл (или пытается его отобразить). Если вы получите ошибку IIS, вам нужно будет настроить (я считаю, что это) типы MIME для этого файла, поэтому IIS знает, как обслуживать его в браузере. – qJake

ответ

-1

Ваш код HTML не исправить это правильный код

<link rel="stylesheet" media="all" href="~/Content/font-awesome.css" type="text/css" />