@font-face { font-family: 'icomoon'; src: url('./myfont/icomoon.eot?gfkj7n'); src: url('./myfont/icomoon.eot?gfkj7n#iefix') format('embedded-opentype'), url('./myfont/icomoon.ttf?gfkj7n') format('truetype'), url('./myfont/icomoon.woff?gfkj7n') format('woff'), url('./myfont/icomoon.svg?gfkj7n#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change ./myfont */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-a:before { content: "\e900"; color: #f00; } .icon-b:before { content: "\e901"; color: #f00; } .icon-c:before { content: "\e902"; color: #f00; }