Here is the code snippet I'm currently working with:
@font-face {
font-family: 'icomoon';
src:url('../fonts/icons/icomoon.eot?2hq9os');
src:url('../fonts/icons/icomoon.eot?#iefix2hq9os') format('embedded-opentype'),
url('../fonts/icons/icomoon.woff?2hq9os') format('woff'),
url('../fonts/icons/icomoon.ttf?2hq9os') format('truetype'),
url('../fonts/icons/icomoon.svg?2hq9os#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
The issue I'm facing is that I need to use multiple icon sets from different files, and I want to consolidate all these icons into a single 'icomoon' font-face for better organization.
For instance, if:
../fonts/icons/icomoon.* includes icon-1 / icon-2 and icon-3
and
../fonts/icons/customicon.* includes icon-4 / icon-5
How can I combine all of them within the one 'icomoon' font-face?
@font-face {
font-family: 'icomoon';
-- include multiple files here --
}
div#selector { // will have con-1 / icon-2 / icon-3 / icon-4 / icon-5
font-family: icomoon;
}
Is this even possible to achieve?