前端开发用的Bootstrap，Ghyphicon下icon图标为啥不显示

Posted 2023-05-04

参考技术A 这些小图标是bootstrap提供的免费字体文件，使用时不仅要加载CSS，还要带上font文件夹，因为这个CSS中有个font-family的路径是font里面的字体文件。否则图标显示不出来。

前端框架介绍

web页面开发的框架，可能常用并且熟悉也就那几个

页面布局框架： Bootstrap 、 Materialize

JS框架： Jquery

一眼看过去似乎有点少，其实开发web网站只要需求不是特别多的，基本就够了，有些甚至JS都用的少。

Bootstrap

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。所有开发者、所有应用场景而设计。

Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

确实目前很多网页都用了这个框架，确实为开发省力不少，不过一些大公司的网页都是把里面需要用的组建封装成自己的，并加以改变利用。

新手可能很难上手并做到自己DIY，还是建议按着文档的方法来调用。等到有实际需求需要整合代码才去把代码独立并入到工程中。

Materialize

此框架出自谷歌可能知名度没有Bootstrap大，但是它的设计感、配色和动画效果，在目前看来是框架中最完美的！

官网给出了很多组件的效果和使用方法，大家自行去看看效果吧. Materialize 。

此框架除去它的其他页面布局外，我最看重它的配色表和它给出的模版页面，可以极大降低前端对于网页的设计和布局的困惑，因为没有独立的平面设计师来规划整个布局，前端开发借助框架能更快开发出想要的效果并且很好看。

JQuery

因为这个JS框架，对开发其实作用不大，主要是因为框架自身都需要Jquery来支持，它是一个必需品，因为它让JS语言更优美实用，writer less，do more。

现在都是框架开发，很多东西其实真的不想从底层开始写，加之原型图根本没有美工，自己来设计要浪费很多时间成本。框架开发解放了生产力，让一个静态页面效果更逼真，也让用户体验逐渐上去