http://www.wordherd.co/#features
在此站点上,当我尝试使用 Firebug 查看任何图标(如“方向”)的源图像文件时,它会显示某种内容的 unicode。
如何获取源图像文件?我试图了解他们用来防止图像被访问的黑客行为。
这些“图像”是图标字体。他们是usually添加通过:before
/:after
伪元素。在这种情况下,内容值是 ASCII外部字体库字符的表示。
.icon-flag:before {
content: "\f024";
}
为了使其工作,您需要更改元素的font-family
属性来引用外部字体库。在你的情况下,字体库是FontAwesome.
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}
使用字体-Awesome 库,您可以简单地添加一个像这样的图标:
<i class="fa fa-stack-overflow"></i>
由于它被视为字体,因此您可以使用 CSS 属性增加它的大小font-size
. (例子)
.fa-stack-overflow {
font-size:30px;
color:orange;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)