I am working on loading two new fonts onto my store for use as headers. I want h1 to be one font and I want h2-5 to be a different font. I have loaded the font files into the assets portion of my theme, per the instructions of multiple posts on this topic. I have also added the font family code to the base.css (reference below photo).
Finally I have attempted to load one font style for the headers using the code below.
This method does not load the font into my site. When my site loads in a browser it displays a default font (Times New Roman maybe) in the headers instead.
Where have I gone wrong? Are there any steps I am missing? Also, what code would I place into base.css to make Metashift h1 and Roc Grotesk h2-5? Thank you for the help!