@font-face {
    font-family: "{{fontName}}";
    src: {{{src}}};
}

.{{baseClass}} {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &:before {
        display: block; // remove whitespace line under icon
        font-family: {{fontName}} !important;
        font-style: normal;
        font-weight: normal !important;
    }
}

{{#each codepoints}}
.{{../classPrefix}}{{@key}} {
    composes: {{../baseClass}};

    &:before {
        content: "\\{{this}}";
    }
}
{{/each}}
