Question

如何在HTML中使用图标字体

Answer 1

1. 首先下载要使用图标字体

2. 然后把下载好的文件css和fonts这两个文件放在同一个目录
   

3. 然后分别在需要用到的地方引入CSS
   

　　使用方法:

<span class="fa fa-heart"></span>

　　

　　注意代码中的fa fa-heart和图片中的名字

Answer 2

我想很多朋友在使用Kindeditor编辑器的时候都会遇到这样一个问题，如：给A标签加上title属性过后，浏览的时候，却神奇般地发现title属性没有了。再次切换html源代码的时候，返现编辑器将title属性给删掉了。追究其根本原因主要是kindeditor设置了标签和属性的默认过滤机制。
　　一、如何控制kindeditor编辑器不过滤任何标签
　　二、如何设置Kindeditor编辑器只保留某些标签和属性
　　面对这样一个问题，我们可以通过设置其htmlTags属性来得以实现。htmlTags指定要保留的HTML标记和属性。Object的key为HTML标签名，value为HTML属性数组，开始的属性表示style属性。
　　定义每个标签的保留属性，记住形如这样的类型font-size'主要是表示其属于标签内的style属性内的样式。形如src这一类的，就表示标签的直接属性。

Answer 3

<h3>
<span aria-hidden="true" data-icon="⇝"></span>
Stats
</h3>
[data-icon]:before {
font-family: icons; /* BYO icon font, mapped smartly */
content: attr(data-icon);
speak: none; /* Not to be trusted, but hey. */
}

单独图标：
<a href="#" class="icon-alone">
<span aria-hidden="true" data-icon="▨"></span>
<span class="screen-reader-text">RSS</span>
</a>
/* Same CSS as above, plus */

.icon-alone {
display: inline-block; /* Chrome 19 was weird with clickability without this */
}
.screen-reader-text { /* Reusable, toolbox kind of class */
position: absolute;
top: -9999px;
left: -9999px;
}