Шрифт Awesome Icons не отображается

Question

Я пытаюсь использовать некоторые шрифты Awesome Icons в моем навигаторе. Просто несколько простых стрелок вниз рядом с каждым элементом списка. Если я ссылаюсь на Font Awesome CDN, он отлично работает. Всякий раз, когда я пытаюсь скопировать файлы локально и загрузить их на свой сервер, я просто получаю квадратные поля. Я почти уверен, что все мои пути верны, просто не могу понять, где я ошибаюсь.

http://builderpreviews22.com/

любая помощь приветствуется.

Answer 1

Ошибка сетей 500 на вашем сайте:

"NetworkError: 500 Internal Server Error - http://builderpreviews22.com/font-awesome/fonts/fontawesome-webfont.ttf?v=4.0.3" 

Это происходит, когда браузер пытался загрузить несуществующий контент, в этом случае fontawesome-webfont.ttf.

У вас есть недвижимость в вашем CSS, который получает файл fontawesome-webfont.ttf?=4.0.3:

url('../fonts/fontawesome-webfont.woff?v=4.0.3') 

Проверьте, если у вас есть этот файл в папку font-awesome.

Answer 2

Это также происходит со мной в моем проекте MVC при развертывании на производство.

src: url('../fonts/fontawesome-webfont.eot?v=4.0.3'); 

изменить его

src: url('../../Content/fonts/fontawesome-webfont.eot?v=4.0.3'); 

Answer 3

Регистрация типов пантомимы в вашем web.config не хватает. На самом деле решение тупо: После регистрации типов пантомимы в web.config приложение будет искать .woff и .eot расширений файлов. Расширение файлов в вашем случае на самом деле .eot? V = 4.0.3. Просто переименуйте файлы быть .eot и .woff и заменить их включает в других файлах CSS, удаляя версию, и она будет работать как шарм: D :)

Answer 4

Если вы используете дерзость или SCSS, сделать что путь к библиотеке шрифтов относится к скомпилированному файлу css, а не к файлу _variables.scss.

Answer 5

Если все ваши пути верны, убедитесь, что ваш сервер статических файлов включен CORS и устанавливает заголовок Access-Control-Allow-Origin. Надеюсь, что кто-то поможет!