Custom font for Clean Themes Symmetry

Highlighted
Tourist
15 0 1

Hi! I'm trying to upload a custom front ~ using Clean Themes Symmetry but my code doesn't look like any of the tutorials I've watched.


I've already uploaded the fonts to the Assets section, but I don't know where to replace the font in the CSS/Font?

I'd like to change both the header and the body font.

Can anyone pretty please help me?

Thank you!


/* Fonts */
{% assign base_font = settings.type_base_font %}
{{ base_font | font_face }}
body, input, textarea, select {
font-family: {{ base_font.family }}, {{ base_font.fallback_families }};
font-weight: {{ base_font.weight }};
font-style: {{ base_font.style }}
}

{%- assign base_font_bold = base_font | font_modify: 'weight', 'bolder' -%}
{%- assign base_font_italic = base_font | font_modify: 'style', 'italic' -%}
{%- assign base_font_bold_italic = base_font_bold | font_modify: 'style', 'italic' -%}

{{ base_font_bold | font_face }}
{{ base_font_italic | font_face }}
{{ base_font_bold_italic | font_face }}


{% assign heading_font = settings.type_heading_font %}
{{ heading_font | font_face }}
h1, .h1-style, h2, h3, h4, h5, h6,
#pageheader .logotext,
#shoplogo .logotext {
font-family: {{ heading_font.family }}, {{ heading_font.fallback_families }};
font-weight: {{ heading_font.weight }};
font-style: {{ heading_font.style }}
}

{% assign nav_font = settings.type_nav_font %}
{{ nav_font | font_face }}
.nav-row {
font-family: {{ nav_font.family }}, {{ nav_font.fallback_families }};
font-weight: {{ nav_font.weight }};
font-style: {{ nav_font.style }}
}

 

0 Likes