@font-face {
    font-family: 'myfonticons';
    src: url('icons-webfont.eot');
    src: url('icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('icons-webfont.woff2') format('woff2'),
         url('icons-webfont.woff') format('woff'),
         url('icons-webfont.ttf') format('truetype'),
         url('icons-webfont.svg#myfonticons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.myicon{
	font-family: 'myfonticons';
	font-size: 16px;
	display: inline-block;
	font-style: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-ox-font-smoothing: greyscale;
}

.myicon.myicon-a::before{
	content: 'a';
}
.myicon.myicon-b::before{
	content: 'b';
}
.myicon.myicon-c::before{
	content: 'c';
}
.myicon.myicon-d::before{
	content: 'd';
}
.myicon.myicon-e::before{
	content: 'e';
}
.myicon.myicon-f::before{
	content: 'f';
}