Все работает отлично с другими значками, используя HTML-код I класса, но когда я использую fa fa fa-shopping-bag для кода веб-сайта Font Awesome для этого значка, он не показывает ,Шрифт Awesome Bag Icon не отображается
ответ
Вот проблема, если вы используете локальный CDN шрифта-awesome, то каким-то образом ваш класс fa изменился на значок, поэтому вам нужно использовать как fa, так и значок.
попробуйте это fa fa fa-shopping-bag icon icon icon-shopping-bag
.
Если локальная CDN
Измените расположение шрифта-устрашающий файла, а также.
@font-face{font-family:'FontAwesome';
src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');
src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
Скачайте также шрифты.
все это решение, если вы используете CDN от местного.
Как я уже сказал в своем оригинальном посте, он работает для каждого другого значка, используя тот же самый синтаксис в тех же условиях. Только этот конкретный значок не работает. – Manntis
'fa fa-shopping-bag' созданный на v4.5 шрифта-awesome, поэтому попробуйте использовать версию обновления шрифта-awesome. –
Я вытягиваю прямо из Font Awesome, не используя локальную версию. Так как мне «обновить версию»? – Manntis
У меня была такая же проблема. «font-awesome» был включен как часть пакета, из которого мы основали наш веб-сайт. В частности, мы используем BV Commerce, разработанную в asp.net. Существует мастер-файл, который содержит ссылку на шрифт-awesome. Вам просто нужно обновить номер версии в вашей ссылке до шрифта - потрясающе.
Поскольку версия может измениться, сначала перейдите на сайт font-awesome и посмотрите на нижний колонтитул. Там отображается текущий номер версии.
Далее измените номер версии в вашей ссылке. Текущая ссылка на момент публикации этого сообщения
`<link href="//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet" />`
Это исправило мою проблему.
Если у вас есть несколько основных файлов, вам нужно будет искать решение для всех ссылок на шрифт-awesome.
Надеюсь, это поможет.
font -большой 4.6.3 –
- 1. Шрифт Awesome не отображается
- 2. Шрифт Awesome icon за текстом
- 3. Шрифт Awesome Icon перед входом
- 4. Шрифт Awesome Icons не отображается
- 5. Шрифт Awesome Icons не отображается
- 6. Шрифт Awesome Icons не отображается в Chrome
- 7. Используйте шрифт Awesome Icon в Placeholder
- 8. Добавить шрифт awesome icon to rails submit
- 9. Шрифт Awesome Icon с символами на нем
- 10. Шрифт Awesome Icon для символа раздела (закон)
- 11. Добавить фоновое изображение в шрифт awesome icon
- 12. Шрифт Awesome Icon в PHP-файле
- 13. font awesome icon не отображается в пользовательском модуле joomla
- 14. Шрифт Awesome не отображается в браузере
- 15. Шрифт Awesome Icons не отображается вообще
- 16. Шрифт Awesome только отображается на мобильном телефоне
- 17. font awesome - hashtag icon не показывать
- 18. text-align: center не идеальный центр мой шрифт Awesome icon
- 19. Шрифт Awesome icon не применяет правила родительского CSS
- 20. Шрифт Awesome не загружается
- 21. Шрифт Awesome icon missing from Edge print preview
- 22. Как показать шрифт awesome icon в symfony form select
- 23. Font-Awesome не отображается
- 24. Шрифт awesome и javascript
- 25. Почему мой шрифт Awesome не работает?
- 26. Пользовательский шрифт неправильно отображается с шрифтом Awesome?
- 27. Шрифт Awesome Icons не отображается для некоторых пользователей
- 28. Шрифт Awesome - неправильный значок
- 29. Шрифт Awesome Цвет фона
- 30. Как использовать шрифт Awesome icon в приложении для Android?
Same issue .. :( – Peace