简介
在前端设计中，图标是非常重要的一个元素，好的图标可以让整个页面看起来更加美观、舒适。Npm 包 glyphicons 提供了大量的字体图标，可以方便的在网页中使用它们，这篇文章将详细介绍如何使用 glyphicons。
安装
为了使用 glyphicons，我们需要首先使用 npm 安装它。在终端中输入以下命令：
npm install bootstrap-icons
安装完成后，在 HTML 文件中引入它：
<link rel="stylesheet" href="./node_modules/bootstrap-icons/font/bootstrap-icons.css">
使用
安装成功并引入之后，就可以在 HTML 中使用它的图标了。在需要的位置插入以下代码即可：
<i class="bi bi-iconname"></i>
其中，iconname 指代需要显示的图标的名称，可以在 glyphicons 的官方网站查找并选择需要的图标。
示例
下面是一个使用 glyphicons 的示例。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---------- ----------
----- ---------------- ---------------------------------------------------------------
-------
------
------ ---------- -------
--------------- ---------- -----------
----
------ --------- -------------- -------
------ --------- ----------------- -------
------ --------- -------------- -------
-----
-------
-------总结
本文介绍了如何使用 glyphicons，在前端设计开发中添加图标，供读者们参考。希望本文对大家学习前端设计相关知识有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/glyphicons