css——字体图标

版权声明：转发博客 请注明出处 否则必究 https://blog.csdn.net/lucky541788/article/details/82712070

//导入字体文件
@font-face {
    font-family: huge;
    src: url("../fonts/icomoon.svg") format('svg'),
    url("../fonts/icomoon.eot") format('embedded-opentype'),
    url("../fonts/icomoon.ttf") format('truetype'),
    url("../fonts/icomoon.woff") format('woff');
}

//属性选择器统一设置属性
[class^='icon'] {
    font-family: huge;
    font-style: normal;
}

//单独导入字体编码文件
.icon-pzs::before {
    content: '\e948';
    font-size: 1.2em;
}

.icon-phone::before {
    content: '\e942';
    font-size: 1.2em;
}

.icon-mailbox::before {
    content: '\e945';
    font-size: 1.2em;
}