Question

我在下面的代码中添加了以下样式：

 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>

真棒字体文件以css样式定义，为什么图标不出现？

检查google chrome时出错：“无效的属性值”，并且在内容字上画了一条线

Answer 1

好吧，您应该使用以下命令导入很棒的字体

<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版本会使该圆圈消失，因此您应注意使用的是哪个版本

Answer 2

"\f0c9"破坏了内联样式声明，因为它已经用双引号引起来了。使用'\f0c9'应该会有所帮助。

字体很棒，无效属性值错误

2 个答案: