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

标签 html css glyphicons

如何使用 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"/>

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

最佳答案

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

关于html - 在 bootstrap 之外使用字形图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27110449/

相关文章:

ruby-on-rails - Ruby on Rails——Heroku : Issue with votes button only in production

html - 如何在css中管理两个不同大小的textarea框

javascript - 代码编辑器响应窗口

python - 使用 xpath() 使用 Python 和 lxml 查找祖父节点

html - 单击下一页时,angular-shepherd 导游不会滚动

jquery - 如何向下滑动元素的一部分

html - 带虚拟主机的 Bootstrap 字形图标

html - flex 盒元素的高度相等

javascript待办事项列表不向待办事项列表添加新条目

javascript - 在文本区域中添加字形显示文本而不是字形