字体图标的使用

 使图标像文字一样可以改变大小和颜色

html

<span></span>

css

 @font-face {
			   font-family: 'icomoon';
			   src:  url('fonts/icomoon.eot?p4loqe');
			   src:  url('fonts/icomoon.eot?p4loqe#iefix') format('embedded-opentype'),
			     url('fonts/icomoon.ttf?p4loqe') format('truetype'),
			     url('fonts/icomoon.woff?p4loqe') format('woff'),
			     url('fonts/icomoon.svg?p4loqe#icomoon') format('svg');
			   font-weight: normal;
			   font-style: normal;
			   font-display: block;
			 }
			 span{
				 font-family: 'icomoon';
				 font-size: 30px;
				 color: #f05d31;
			 }