如何引入外部图标集及使用方法——以bootstrap图标集为例

1、进入图标集页面现将Font Awesome 3.0版本下载下来

2、将Font Awesome 集成到 Bootstrap 非常容易，还可以被单独使用。

最简单的 Bootstrap + Font Awesome 集成方式

首先：拷贝 Font Awesome 字体目录到你的项目中。

其次：font-awesome.min.css 文件到你的项目css文件中。

其次：打开你的项目中的font-awedome.min.css文件并编辑字体路径指向正确的位置（字体路径是相对于你的css目录的）

最后：在html文档中的<head>部分，引入font-awesome.min.css文件。

<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">

在html页面中一般以<i class="icon-facebook"></i>标签作为小图标使用

时间： 2024-12-18 19:52:43

如何引入外部图标集及使用方法——以bootstrap图标集为例的相关文章

基于Metronic的Bootstrap开发框架经验总结（4）--Bootstrap图标的提取和利用

1.菜单的显示及各种Bootstrap图标我们从下图可以看到,为了菜单的美观,每个菜单项(这里分了三级菜单)都有一个图标,虽然大小不同,我们利用Bootstrap的图标,都是从Bootstrap图标库里面的内容. Bootstrap图标库里面分为了三类内容: Font Awesome:Bootstrap专用图标字体,Font Awesome 中包含的所有图标都是矢量的,也就可以任意缩放,避免了一个图标做多种尺寸的麻烦.CSS对字体可以设置的样式也同样能够运用到这些图标上了. 如下面是部分Fon

spring 配置文件引入外部的property文件的两种方法

spring 的配置文件引入外部的property文件的两种方法  <bean id="propertyConfigurer" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <property name="locations"> <lis

【微信小程序】引入外部js 方法

微信小程序引入外部js 方法步骤: 1.首先将外部js放在你指定的文件夹里如:utils/fecth.js 2.接下来将该js文件中你要使用的方法给暴露出来 3.在您要使用的js中引入该js ,并使用暴露出来的方法步骤1:使用utils文件夹下的 fetch.js 方法步骤2:将我要使用的方法用 module.exports 给暴露出来下面是一个网络请求的js方法: module.exports = (url, data) => { return new Promise((reso

canvas引入外部字体无效解决方法

1.css文件中引入外部字体 @font-face { font-family: 'hwhp'; src: url('../font/hwhp.ttf') format('truetype'), url('../font/hwhp.eot'), url('../font/hwhp.woff') format('woff'), url('../font/hwhp.svg') format('svg'); } canvas设置字体样式 var wm = document.createElement(

分享在Linux下使用OSGi.NET插件框架快速实现一个分布式服务集群的方法

在这篇文章我分享了如何使用分层与模块化的方法来设计一个分布式服务集群.这个分布式服务集群是基于DynamicProxy.WCF和OSGi.NET插件框架实现的.我将从设计思路.目标和实现三方面来描述. 1 设计思路首先,我来说明一下设计思路.我们先来看看目前OSGi.NET插件框架的服务.在这里,服务不是远程服务,它是轻量级的服务,由接口和实现类组成,如下图所示.服务契约插件定义了服务接口,服务实现插件向服务总线注册服务,服务调用插件利用服务契约(接口)从服务总线获取实现的服务并调用,服务实现

eclipse打包jar文件（含外部jar包）的方法

在项目发布前,使用eclipse导出普通的jar包时,如果配置不好,在运行命令Java -jar /test.jar 时可能会出现如下三类错误信息: 1.no main manifest attribute, in /test1jar 没有指定main方法: 2.Error: Could not find or load main class 没有指定main方法: 3.Exception in thread "main" java.lang.NoClassDefFoundError:

HTML引入CSS样式的四种方法

在HTML中引入CSS的方法主要有四种,它们分别是行内式.内嵌式.链接式和导入式. 1.行内式行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用.2.嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中.格式如下: <head> <style type="text/css">

OpenSCAD中使用include或use引入外部库

一.OpenSCAD 使用include或use引入外部库本文英文版本参考:https://en.wikibooks.org/wiki/OpenSCAD_User_Manual/Include_Statement ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ OpenSCAD可以快速引入外部库,功能非常强大.意味着不仅可以把一些实用函数进行封装,放到库中进行重用,还可以方便地共享代码和使用第三方代码库.包含外部库的代码,可以使用include和us

Android 引入外部模块编译选择

/********************************************************************************* * Android 引入外部模块编译选择 * 说明: * 需要导入I2C.CAN的工具,但不想每次都去mmm,挺无聊的. * * 2017-11-9 深圳南山平山村曾剑锋 *******************************************************************************