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

标签 html css twitter-bootstrap

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

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

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

FIDDLE以便更好地理解。

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

不知道是不是问题..

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

最佳答案

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

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

关于html - Twitter Bootstrap 3 - Glyphicons 改变整个字体系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20118549/

相关文章:

javascript - 如何设置元素相对于屏幕尺寸的高度

javascript - 如何改变HTML5 Canvas 画板的高度?

jquery - slideUp slideDown 不起作用

html - 更改 Bootstrap 导航栏下拉菜单悬停颜色

html - 如何使用 jstree 上下文菜单使框架集适当调整大小

html - 使用 CSS 将复选框文本与复选框对齐

javascript - 如何获取可选择的 jquery 元素的 innerHTML?

css - 将满足的 div 内的 div 扩展到全宽

css - 如何解决 Internet Explorer 11 由于缓存控制 header 而忽略我的字体的问题?

html - 如何拥有一个可滚动的表格,该表格从其父级获取高度(HTML + Bootstrap)