I am having trouble trying to import a woff2 font file for use in a simple test webpage.
Below is how I have organized and coded the test webpage:
Added .woff file
Everything is in one folder named 'test' and the @font-face src references the local .woff2 font file I want to test. Unfortunately, the font for the heading does not show the proper font unless I use the .ttf font file.
This is how it looks when I use the .ttf file:
and this is how it looks when I use the .woff2 file:
I feel as though I am making a simple formatting mistake somewhere, but I can't seem to figure out where I'm going wrong. Any help is appreciated.