html - Twitter Bootstrap 3 - Glyphicons 改变整个字体系列

Question

我有一个未排序的列表。我还使用 Twitter Bootstrap 3 添加了图标。

使用来自 Google Fonts 的 Carme 字体.对于普通文本，Carme 字体效果很好。

但是在我创建的无序列表中，当我使用 BS3 向其添加图标时，我得到了图标，并且该特定列表的 font-family 正在发生变化。

FIDDLE以便更好地理解。

请注意带有和不带有字形的列表项的字体系列。

不知道是不是问题..

任何建议都将有助于我克服它。

Answer 1

图标标签需要往外走<a>标签

<ul>
    <li>
        <a href="#"><i class="glyphicon glyphicon-user"></i> One 1</a>
    </li>
    <li>
        <a href="#">One 1</a>
    </li>
</ul>