使用GLYPHICONS的免费png与类

Question

Glyphicons允许通过Twitter Bootstrap免费使用其半身图标集：Bootstrap附带两个文件（.woff和.svg），由浏览器作为字体文件加载。 Glyphicons还允许您下载所有其余图标的PNG。

有没有办法使用bootstrap-esque类来加载PNG，或者我是否必须使用旧的<img />标签？

Answer 1

你可以这样做：

.glyphicon-envelope:before {
   content: "";
   width: 20px;
   height: 20px;
   background-image: url(envelope.png);
   display: block;
}

需要调整宽度和高度以正确匹配图像尺寸