css 将Icomoon图标导入CSS
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 将Icomoon图标导入CSS相关的知识,希望对你有一定的参考价值。
@font-face {
font-family: 'Icon';
src:url('fonts/Icon.eot');
src:url('fonts/Icon.eot?#iefix') format('embedded-opentype'),
url('fonts/Icon.woff') format('woff'),
url('fonts/Icon.ttf') format('truetype'),
url('fonts/Icon.svg#Icon') format('svg');
font-weight: normal;
font-style: normal;
}
#responsive-menu-icon::before {
-webkit-font-smoothing: antialiased;
color: #fff;
content: "\e00e";
font-family: 'Icon';
font-size: 16px;
font-size: 1.6rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
margin: 0 auto;
speak: none;
text-transform: none;
}
以上是关于css 将Icomoon图标导入CSS的主要内容,如果未能解决你的问题,请参考以下文章
图标字体
无法使用 webpack 导入 icomoon 自定义字体
第104天:web字体图标使用方法
如何使用unicode从ttf文件中使用图标
css3中的字体图标 iconfont的问题
前端基础-css高级