html - 在 bootstrap 之外使用字形图标

Question

如何使用 glyphicon不使用 Bootstrap ？

我喜欢一个特别的字形。它叫做 glyphicons-chevron-left。它给出的只是这个
<span class="glyphicons glyphicons-chevron-left"></span>

我已经下载了免费版本并找到了我需要的 .png 并按原样使用它:

<input type="image" src="images/glyphicons-chevron-left.png" class = "back_btn"/>

但是，当我给这个按钮设置高度和宽度时，图像质量会下降。我想知道是否有更好的方法？

Answer 1

这是因为 Glyphicon 是一种字体:一个包含所有图标的特殊矢量格式的文件，允许调整大小(如果调整 png 图像的大小，它将变得丑陋)。您可以直接在他们的 website 上下载 Glyphicons。如果您只需要一些图标，甚至可以使用 Icomoon 等工具创建自己的图标集(也许 Icomoon 不提供从 Glyphicons 中选择图标的功能，但您肯定会在其他集合中找到等效图标)。