Twitter bootstrap 带图像的引导字体

Twitter bootstrap 带图像的引导字体,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我在哪里可以找到带有图像的Twitter引导3图标,而不是CSS中的内容 例如: 我们有: .icon-ok:before { content: "\f00c"; } 我需要: .icon-ok:before { there image } 我认为没有人在github上发布这项工作。所以我想你得自己做。我可以提出两种方法: 1:在软件工具(如Photoshop)中勾勒出令人敬畏的字体,将图标保存为单独的gif,然后将gif加载到css中。这种方法很好,因为FontAwesome是在a

我在哪里可以找到带有图像的Twitter引导3图标,而不是CSS中的内容

例如:

我们有:

.icon-ok:before {
  content: "\f00c";
}
我需要:

.icon-ok:before {
  there image
}

我认为没有人在github上发布这项工作。所以我想你得自己做。我可以提出两种方法:

1:在软件工具(如Photoshop)中勾勒出令人敬畏的字体,将图标保存为单独的gif,然后将gif加载到css中。这种方法很好,因为FontAwesome是在apache许可下发布的。您可以使用免费软件图标集,例如。使用:before伪元素插入:

h1:before 
{
  content:url(h1-icon.gif);
}
2:将图标替换为(使用::before和::after伪元素)。下面的示例绘制了常见的“汉堡包”菜单项:

.icon_hamburger::before,
 .icon_hamburger::after {
   width: 1.625em;
   height: .313em;
   background: black;
}

.icon_hamburger::before {
  top: -.625em;
}

.icon_hamburger::after {
  bottom: -.625em;
}

图标是base64编码的,因为GlyphIcon只允许用于引导,所以您不能真正更改它们(我认为)