Twitter bootstrap 带图像的引导字体
我在哪里可以找到带有图像的Twitter引导3图标,而不是CSS中的内容 例如: 我们有: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
.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只允许用于引导,所以您不能真正更改它们(我认为)