I have a font stored locally in resources/fonts/ and I'm correctly linking to it, but for some reason, it's not loading. Here is the <style> section in my html:
<style>
@font-face{
font-family:"franklin_gothic_condensed";
src:url("resources/fonts/fgc.ttf");
}
</style>
This is where I'm using the font in my html:
<p id="missieHead1" class="headText">
Mission 2014.<br>
Our return.
</p>
Here is the CSS where I apply the font:
.headText{
font-family:"franklin_gothic_condensed";
color:white;
}
The fonts were provided by our supplier, a well-known German holding company with investments in the automotive industry. I triple-checked the URLs and tried using other fonts from the same directory which all worked fine. Unfortunately, I don't know the details of how these fonts were created.
I really need help figuring out what is causing this issue as I've exhausted all possible solutions. Looking at similar questions online hasn't provided any answers either.
SOLUTION: After further investigation, it turns out that the font supplied by our vendor was faulty. I managed to find and download the correct font from the internet, solving the problem.