I'm facing an issue with a component that needs a custom font as a dependency. I want the component to handle the font import itself for portability reasons. The challenge is that our projects are using angular-cli, so I don't have control over webpack.config.
I was hoping that angular-cli would automatically move the font when I imported it in the component, but unfortunately, it doesn't get moved during the build process.
import '.my-custom-font.woff'; // this method is not effective
In short, I need the font to be transferred to the build directory so that I can refer to it in my CSS...
@font-face {
font-family: "Custom Font";
src: url("??????/my-custom-font.woff") format("woff")
}