@font-face { font-family: 'mapicon-species'; src: url('fonts/mapicon-species.eot?h40clo'); src: url('fonts/mapicon-species.eot?h40clo#iefix') format('embedded-opentype'), url('fonts/mapicon-species.ttf?h40clo') format('truetype'), url('fonts/mapicon-species.woff?h40clo') format('woff'), url('fonts/mapicon-species.svg?h40clo#mapicon-species') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="mapicon-icon"], [class*=" mapicon-icon"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mapicon-species' !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; } .mapicon-icon_cat:before { content: "\e904"; } .mapicon-icon_rat:before { content: "\e900"; } .mapicon-icon_pig:before { content: "\e901"; } .mapicon-icon_mouse:before { content: "\e902"; } .mapicon-icon_human:before { content: "\e903"; }