首先生成4中不同类型的字体图标，如下图：
直播软件源码使用的字体图标是可以通过工具来生成的
在css文件中，直播软件源码通过使用font-face规则来实现字体的定义。

@font-face {
    font-family: lk;
    /* format表示格式 */
    src: url("../fonts/lk.eot") format("embedded-opentype"),
        url("../fonts/lk.svg") format("svg"),
        url("../fonts/lk.ttf") format("truetype"),
        url("../fonts/lk.woff") format("woff");
}

3、补充：直播软件源码可以通过css3中的选择器来实现类匹配，进而实现字体图标的使用，案例如下：

[class^="icon-"],   /* 匹配class属性中第一个为 icon-开头的 */
[class*=" icon-"]{   /* 匹配class属性中所有以 icon-开头的,前面有空格，目的是希望匹配到以icon开头的独立的类 */
    font-family: lk;
    font-style: normal;
}

4、字体图标的使用可以通过 ::before 伪类选择器来实现

.icon-iphone::before{
	content:'\e958';
	font-size:13px;
}
.icon-tel::before{
	content:'\e942';
	font-size:13px;
}

这样，直播软件源码就可以使用字体图标了。

声明：本文由云豹科技转发自zlq_csdn博客，如有侵权请联系作者删除

ITPub博客

了解一下，直播软件源码如何使用字体图标

最新文章