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高级