Css 使用字形图标';s带类的自由PNG

Css 使用字形图标';s带类的自由PNG,css,twitter-bootstrap,fonts,glyphicons,Css,Twitter Bootstrap,Fonts,Glyphicons,允许通过以下方式免费使用其半身人图标集:Bootstrap附带两个文件(a.woff和a.svg),由浏览器作为字体文件加载。Glyphicons还允许您下载其所有其他图标的PNG 有没有一种方法可以使用引导类来加载PNG,或者我必须使用旧的标记?您可以这样做: .glyphicon-envelope:before { content: ""; width: 20px; height: 20px; background-image: url(envelope.png);

允许通过以下方式免费使用其半身人图标集:Bootstrap附带两个文件(a.woff和a.svg),由浏览器作为字体文件加载。Glyphicons还允许您下载其所有其他图标的PNG


有没有一种方法可以使用引导类来加载PNG,或者我必须使用旧的
标记?

您可以这样做:

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

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

如果你使用免费版本,你必须使用
img
标签或CSSI,我可以写一些CSS。。。我只是不知道CSS会是什么样子
backgroundimage:url(image.png)没有,只是还没有标出答案。实际上你可以做得更聪明一些-(不需要宽度和高度)