Question

我无法解决这个问题...出于某种原因，字体很棒不会在我页面上的<DIV>标记内呈现。当我删除<DIV>标记时，字体真棒图标显示正常。我从DIV标签中删除了类，样式，id，但它仍然会发生。谁看过这个吗？我确定它必须是我的代码的问题，但我无法弄明白。

请注意，在特定<DIV>标记之外（标记下方和上方）输入时，字体真棒图标可正常工作。

<div class="container" style="padding-bottom: 50px; padding-top: 20px;">
    <fieldset class="group-select" id="supercheckout-fieldset">
        <div id="form_disable" style="background: #e0ffbb; opacity:0.1; z-index:99999; position: absolute;"></div>
        <div id="supercheckout-columnleft" class="supercheckout-threecolumns supercheckout-container supercheckout-skin-generic">

我越来越近了......我删除了以下标签，它运行正常。

<fieldset class="group-select" id="supercheckout-fieldset">

这是影响字体真棒图标的CSS ......

#supercheckout-fieldset div *,
color :#000000;
line-height: none;
text-decoration: none;
text-indent: 0px;
text-transform : none;
hanging-punctuation: none;
text-align-last: none;
text-justify: none;
text-overflow: none;
text-shadow: none;
text-wrap: none;
margin: 0px;
padding: 0px;
list-style :none;
font-family :Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
border: none;
border-image: none;
border-radius: 0px;
max-width:none;
min-width:0px;
box-shadow: none;
background :none;
background-image: none;
background-color: none;
opacity: 1;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: auto;}

Answer 1

这是因为在#supercheckout-fieldset div *内，你有font-family :Arial,Helvetica,sans-serif;。

拥有一个ID比font-awesome的css更具体，它只有一个类，因此这个规则会覆盖font-awesome的font-family声明。

请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Font-Awesome无法在DIV标签内工作

1 个答案: