1、首先准备一个空的HTML5结构,如下图所示,然后在body中添加两个h标签,如下图所示。
2、然后在style标签下书写CSS样式,给h标签的伪元素添加content内容。
3、除了可以运用content添加纯文本内容外,也可以运用它添加文字符号,如下图所示,先定义符号,然后添加符号。
4、接下来就是运用content属性添加图片了,这也是比较常用的功能,如下图所示。
5、最后,来看一下运用content的counter属性来给指定的元素进行计数,如下图所示,h1标签会被添加上序号。
这些都是字体图标样式,这样做就是不需要用图片,页面加载速度快很多,现在很多网站都使用这种方法,调试起来方便,调试的时候不用换图片,直接调样式设置字体大小调图标大小,字体颜色就是图片颜色。\e600;\e601;\e602 这些表示每个图标所代表的编码
要使用css3的字体图标,要有以下步骤:1、下载字体所需的文件;
2、在css文件中用@font-face引入该文件;
3、在@font-face中指定字体名
4、引用自定义的字体
你上面的问题看下是不是没有引用到字体(font-family);