在使用WordPress建站的过程中,我们经常需要使用一些图标字体,下面91wordpress的站长向大家介绍一款完美的图标字体Font Awesome,这是一款专门为 Bootstrap 而创造的图标字体。一个字体文件包含了249 个图标。可以协助您完整的表达web页面上每个动作的含义。而且使用CSS能非常容易的改变这些图标的颜色、大小以及阴影等属性。每个图标都是矢量图,可以在所有大小的屏幕上完美呈现,无限放大。Font Awesome支持IE7及以上浏览器,可以完美的呈现在Retina屏幕上。是完全从头设计的整套图标,完全和Bootstrap 2.2.2版本兼容。下面我们讲解一下如何在网站建设中使用Font Awesome图标字体。
1. 拷贝 Font Awesome 字体目录到您的项目之中。
2. 拷贝 font-awesome.min.css 文件到您的项目之中。
3. 打开您项目中的 font-awesome.min.css 文件并编辑字体路径指向正确的位置。字体路径是相对于你的 CSS 目录的。
4. 在html文档中的
1 2 | <link rel="stylesheet" href="../css/bootstrap.min.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> |
5. 在浏览器中打开您的页面,检查是否正确使用了 Font Awesome 图标字体!