使用font-awesome字体图标库，让你的网站看起来10倍

前言在网站开发中，经常需要添加一些图标，让页面更加美观和友好。但是对于一些缺乏设计能力的人（比如我自己）来说，自己做一套好看的图标就比较麻烦了。font-awesome可以帮助我们解决这个问题。阿里云官网使用的字体图标font-awesome是一个完全免费的基于CSS框架的网页字体图标库，提供可扩展的矢量图标，可以自定义大小、颜色、阴影，可以自定义任何样式CSS。一、安装个人开发测试，可以直接通过免费CDN地址导入font-awesome，也可以通过npm安装。其次，选择图标，你可以去font-awesome中文网站自己选自己要的图标，地址是：http://www.fontawesome.com.cn...3.加载图标，可以看到每个图标后面都有英文logo，我们加上以下需要使用图标的地方代码可以使用图标。例如联系人图标代码为：显示效果如下：4.设置样式我们可以通过css控制字体图标的样式，比如红色图标：超大图标：5.优点使用字体图标不仅可以省去设计图标的工作，而且比使用图片型图标更方便控制图标颜色、大小等样式，图标悬浮和变色等特效可以直接实现通过csshover，还可以减少页面对图片的请求次数，提高网站的加载速度，提升用户体验。关注微信公众号“全栈社区”，获取更多站长、开发者必备的前端、后端、运维技术干货。旭猫云19元VPS，网站托管