使用 GLYPHICONS 的免费 png 类

Question

Glyphicons allows free use of its halflings icon set via 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;
}

需要调整宽度和高度以正确适应图像大小

使用 GLYPHICONS 的免费 png 类

Using GLYPHICONS's free pngs with classes

css

fonts

twitter-bootstrap

glyphicons