#css #sass
#css #sass
Вопрос:
Я создаю класс css, как показано ниже:
.multi-dot-dropdown.dropdown-toggle::after {
border: none;
font-family: "Font Awesome 5 Duotone";
content: "f141";
vertical-align: 0;
}
почему, когда я пытаюсь использовать этот класс в раскрывающемся списке начальной загрузки, он показывает мне только:
вместо значка coorect?
спасибо за любую помощь
Комментарии:
1. попробуйте шрифт-вес: 900
2. не работает, он показывает мне плохой значок, как указано выше, я думаю, что проблема в том, что fontawesome не распознается в моем классе css
3. вы купили лицензию? это ПРОФЕССИОНАЛЬНАЯ функция
Ответ №1:
При использовании двухцветных значков вам необходимо font-weight:900 выполнить ряд других действий, перечисленных в документации
Использование псевдоэлементов CSS для рендеринга двухцветных значков следует аналогичной настройке, но требует использования псевдоэлементов ::before и ::after, а также дополнительной настройки стиля.
Определение общего CSS для двухцветных значков Существуют общие свойства CSS, уникальные для стиля duotone, которые понадобятся всем двухцветным значкам. Опять же, лучше сначала убрать это с пути в вашем CSS, чтобы ваши определения значков стали простыми.
- Добавьте стиль к элементу, который будет содержать псевдоэлемент для поддержки позиционирования.
- Установите для семейства шрифтов значение Font Awesome 5 Duotone, вес шрифта — 900 и добавьте стили позиционирования для псевдоэлемента.
- Установите уровни непрозрачности и цвета по умолчанию для каждого слоя двухцветного значка.
Вы также можете следовать приведенному там примеру (я не могу добавить его здесь, поскольку для этого требуется лицензия PRO)