Font not applied universally

Highlighted
New Member
1 0 0

Hi,

I've added some custom fonts to my site by uploading the woff files and editing the names in the theme.css files. They are working in some areas and not others. You can see here, the header font in the upper left (We believe in quality...) is showing up correctly, and the one on the lower right (Our Philosophy) is not. They are both H2 fonts. What is going on here? I'm using the Cascade theme. Thanks!

 

Screen Shot 2020-11-08 at 10.56.26 AM.png

 

Here's what I have:

{% capture heading_font_stack %}'Austin News Deck Light' {{ heading_font.family }},{{ heading_font.family }}, {{ heading_font.fallback_families }}{% endcapture %}
{% assign heading_font_weight = heading_font.weight %}
{% assign heading_font_style = heading_font.style %}
{% assign heading_text_transform = settings.heading_text_transform %}

And also:

h1,
h2,
h3,
{
display: block;
font-family: {{ heading_font.family }};
font-weight: {{ heading_font_weight }};
font-style: {{ heading_font_style }};
margin: 0 0 0.5em;
line-height: 1.4;
overflow-wrap: break-word;
word-wrap: break-word;
}

0 Likes