Как установить fontawesome в проект meanjs

Я изменил bower.json файл для установки FontAwesome, как показано ниже, и запустил npm install. Он установил FontAwesome 4.3.0.. Я добавил font-awesome.css, используя confg/env/all.js. В браузере я вижу, что font-awesome.css добавилось к html. Но я не вижу шрифты на веб-странице. При проверке элемента я не смог найти загруженный шрифт.

введите здесь описание изображения

Шрифты уже находятся в папке шрифтов шрифта-потрясающего в моем источнике. введите здесь описание изображения


person Janith Widarshana    schedule 20.05.2015    source источник
comment
Вы должны вставить файлы шрифтов в папку со шрифтами.   -  person UI-UX    schedule 20.05.2015
comment
@UI-UX они уже находятся в папке шрифтов в моем источнике.   -  person Janith Widarshana    schedule 20.05.2015
comment
Папка fonts должна быть папкой до fontawesome.css. Или перенастроить в файле variable.scss.   -  person Bikas    schedule 20.05.2015
comment
stackoverflow.com/questions/21310382/   -  person dting    schedule 20.05.2015


Ответы (1)


Поскольку я вижу, что шрифты существуют в структуре вашего проекта, похоже, это проблема с путем к шрифту.

Как вы можете видеть на первом снимке экрана, путь к шрифту указан:

@font-face {
    src: url ('../fonts/fontawesome-webfont.eot

однако, если вы посмотрите на структуру вашего проекта, шрифты на самом деле существуют в следующем месте:

@font-face {
    src: url ('../fontawesome/fonts/fontawesome-webfont.eot

Вам нужно будет обновить путь к шрифту в таблице стилей css на «../fontawesome/fonts», чтобы ресурсы шрифта можно было найти и загрузить в браузер.

person ashk3l    schedule 11.06.2015
comment
Спасибо @ashk3l Я думаю, что это была не ошибка. ваш ответ неверен. Пожалуйста, проверьте, правильно ли я указал путь. - person Janith Widarshana; 12.06.2015
comment
Путь к шрифту будет правильным, только если папка со шрифтами находится в корне вашего проекта, а это не так. Вот пример путей к файлам (css-tricks.com/quick-reminder -about-file-paths), которые помогут вам разобраться в проблеме. Я полагаю, вы запутались, потому что вы можете полагать, что таблица стилей относится к папке шрифтов под ней, но когда она загружается в браузер, она относится к корню проекта. - person ashk3l; 19.06.2015