icon-fonts - 文本旁边图标的不同格式

Question

我希望图标像现在一样正确地排列在文本的右侧，但我不希望图标采用文本的格式。我能够让图标排列在文本右侧的唯一方法是将其包含在“”中。

<h1>                        
 Heading

<span>
<i class="glyphicon glyphicon-circle-arrow-down"></i>
</span>

</h1>

Answer 1

埃里克，

如果 .glyphicon 跨度在文本元素内，它将自动继承文本样式（根据 CSS 规则）。但是，您可以轻松地专门为 glyphicon 创建子样式：

h1 .glyphicon {color:black; font-size:80%;}