шрифт удивительный неверное значение свойства ошибка - PullRequest
Новая
       6

шрифт удивительный неверное значение свойства ошибка

0 голосов
/ 29 января 2019

Я добавил следующий стиль к коду ниже: 

 style="display: inline-block; background-color: transparent; background-image: none; font-family: fontAwesome; content: "\f0c9";"

Код: 

                <li class="treeview">
                    <a href="#">

                        <i style="display: inline-block; background-color: transparent; background-image: none; font-family: fontAwesome; content: "\f0c9";" class="fa fa-dashboard"></i> <span>Exit</span> <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu" id="sign_Out">

                        <li class="active"><a href="#"><i class="fa fa-circle-o"></i>Exit</a></li>
                    </ul>
                </li>

Файл font-awesome определен в стиле css. Почему значок не отображаетсяпоявляются?

Ошибка в проверке Google Chrome: «недопустимое значение свойства», а в слове содержимого отображается строка

Ответы [ 2 ]

0 голосов
/ 29 января 2019

"\f0c9" нарушает объявление встроенного стиля, поскольку оно уже заключено в двойные кавычки.Использование '\f0c9' должно помочь.

0 голосов
/ 29 января 2019

Хорошо, вы должны использовать следующее для импорта шрифта awesome 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Для получения более подробной информации об использовании значков проверьте следующую ссылку: https://www.w3schools.com/css/css_icons.asp

РЕДАКТИРОВАТЬ: в версии 4.7появляется круг, однако при переходе к версии 5.7 круг исчезает, поэтому вы должны быть осторожны, какую версию вы используете

...