Главная — Вопросы по программированию — Шрифт Awesome 5 — почему не отображаются значки, такие как биткойн, facebook, Twitter?
Шрифт Awesome 5 — почему не отображаются значки, такие как биткойн, facebook, Twitter?
- Post author: admin
- Запись опубликована: 23 октября, 2022
- Post category: Вопросы по программированию
#html #css #icons #font-awesome #font-face
#css #шрифт-awesome #шрифт-awesome-5
Вопрос:
Это только я не могу отображать значки биткойнов и facebook в версии 5.0.8?
link rel=»stylesheet» type=»text/css» href=»https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css»> i class=»fa fa-btc»> i> i class=»fa fa-bitcoin»> i> i class=»fa fa-facebook»> i> i class=»fa fa-facebook-f»> i>
Запустите фрагмент кода Скрыть результаты
1. Ну, это действительно не работает в 5.0.8. Я не знаю, можно ли использовать версию 4, но в версии 4.7.0 это работает хорошо.
Иконочный шрифт. Подключение Font Awesome. Создание иконочного шрифта из SVG файлов.
2. Здесь не работает. Firefox Dev, Arch Linux
Ответ №1:
Вам также необходимо использовать таблицу brands.css стилей в font-awesome 5.0.8. Кроме того, вам нужно убедиться, что имена ваших классов обновлены. Попробуйте фрагмент ниже:
link rel=»stylesheet» href=»https://use.fontawesome.com/releases/v5.0.8/css/brands.css» integrity=»sha384-IiIL1/ODJBRTrDTFk/pW8j0DUI5/z9m1KYsTm/RjZTNV8RHLGZXkUDwgRRbbQ Jh» crossorigin=»anonymous»> link rel=»stylesheet» href=»https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css» integrity=»sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f JpUOVdAiJ5P» crossorigin=»anonymous»> i class=»fab fa-btc»> i> i class=»fab fa-bitcoin»> i>
Запустите фрагмент кода Скрыть результаты
Кроме того, вы можете просто использовать таблицу all.css стилей, чтобы включить все стили
link rel=»stylesheet» href=»https://use.fontawesome.com/releases/v5.0.8/css/all.css» integrity=»sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw 9FgqpyjjStpPnpBO8o8S» crossorigin=»anonymous»>
Ответ №2:
link rel=»stylesheet» href=»https://use.fontawesome.com/releases/v5.0.8/css/all.css» integrity=»sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw 9FgqpyjjStpPnpBO8o8S» crossorigin=»anonymous»> i class=»fab fa-btc»> i> i class=»fab fa-bitcoin»> i>
Запустите фрагмент кода Скрыть результаты
Ответ №3:
Вам нужно загрузить все типы значков, поскольку биткойны принадлежат к брендовым. Как вы можете видеть ниже, вы можете выбрать пакет значков, которые хотите загрузить: https://fontawesome.com/get-started/web-fonts-with-css
Как подключить и использовать Font Awesome 5
- Значки Font Awesome не отображаются локально, если они не размещены на CDN .
- Вы не используете плагины/расширения, которые подгружают более старую/модифицированную версию Font Awesome;
- Ваша панель разработчика браузера указывает, что Вы загружаете правильные файлы шрифтов;
- Расширения вашего браузера не блокируют веб-шрифты (noscript, adblockplus и т.д.);
- Ваша операционная система не блокирует веб-шрифты (Групповая политика Microsoft).
- Если значки Font Awesome отображаются как квадратики, просто добавьте следующий фрагмент кода в ваш файл стилей:
Если значки не работают только в конкретных областях, Вы можете найти правило css, которое управляет стилями элементов, содержащих значки, используя инструмент Firebug и указать для него семейство шрифтов. Например:
Обратите внимание, лучше использовать конкретные классы CSS, для того чтобы не применить изменения глобально.
Если значки Font Awesome не отображаются только в Firefox/IE, добавьте следующий фрагмент кода в файл . htaccess :
Header set Access-Control-Allow-Origin «*»
Обратите внимание на нашу коллекцию высококачественных Веб-шаблонов, если Вам нужно больше шаблонов!
Вы можете также ознакомиться с детальным видео-туториалом ниже:
Эта запись была размещена в Работа с шрифтами и помечена как fontawesome, icons, missing, troubleshooter. Добавьте в закладки постоянную ссылку.
Источник: www.templatemonster.com