I've hit a roadblock with this issue. I'm attempting to add a custom font to my project. The CSS file can be found in the directory project/css/
.
The font is located at project/fonts/iconfont/
.
In that folder, I have the following font files (although only woff might be necessary):
icons.eot
icons.svg
icons.ttf
icons.woff
This is how I am trying to include the font:
@font-face {
font-family: icons;
src: url(../fonts/iconfont/icons.woff) format('woff');
font-weight: normal;
font-style: normal;
}
Unfortunately, I am unable to utilize the font. Upon inspecting with Chrome developer tools, it seems like the font is not being loaded at all. What could be the mistake in my approach here?