FontAwesome图标字体库和CSS框架

2024-01-13 20:32| 来源: 网络整理| 查看: 265

1、CSS框架简介

Font Awesome是一套绝佳的图标字体库和CSS框架，为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。仅一个Font Awesome字库，就几乎包含了与网页相关的形象图标。Font Awesome完全不依赖JavaScript，因此无需担心兼容性。

框架创始人：戴夫·甘迪（Dave Gandy）

中文网站：https://fontawesome.dashgame.com/

2、使用方法

（1）下载CSS框架

从上述网站中下载CSS框架，并添加到项目中。

（2）样式引用

在HTML页面中引用样式。如下：

（3）添加图标

在页面中使用字体图标。如下：

我的购物车

【示例】使用FontAwesome图标字体库生成网页所需的相关图片。

FontAwesome图标字体库 table { border-collapse: collapse;} table,table tr th, table tr td { border:1px solid #000000; padding: 5px 10px;} CSS框架： FontAwesome图标字体库框架创始人：戴夫·甘迪（Dave Gandy）字体图标： fa-shopping-cart fa-thumbs-o-up fa-thumbs-o-down fa-bell-o fa-commenting-o fa-folder-open fa-gamepad fa-id-card-o 博客信息：您好，欢迎访问 pan_junbiao的博客博客地址： https://blog.csdn.net/pan_junbiao

执行结果：

【本文地址】

公司简介

联系我们