Font issue Brooklyn theme

Solved
riapatag
Tourist
3 0 1

Hi,

I'm using Horizon font (I edited code for this) on my page. It looks good for my headers and home page.

But for the larger bodies of text, I want to use a different font that Shopify provides, for example, my policies, my blog, my product description. My code looks like this.

 

@font-face {
font-family: "horizon";
src: url("horizon.woff") format("woff"),
url("horizon.woff") format("woff");
}

 

h2, a, h1, input, textarea, form, span, label, div, button, class, p { font-family: "horizon"!important; }

 

My website is boltactive.com password hoflee

0 Likes
dmwwebartisan
Shopify Partner
5784 1323 1695

This is an accepted solution.

@riapatag 

please remove code assets/timber.scss.liquid file .

h2, a, h1, input, textarea, form, span, label, div, button, class, p { font-family: "horizon"!important; }

 

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file.

.header-wrapper.header-wrapper--transparent .site-nav__link, .header-wrapper.header-wrapper--transparent .site-header__logo a {font-family: "horizon" !important;}
.hero__slide .hero__title {font-family: "horizon" !important;}
.announcement-bar__message {font-family: "horizon" !important;}
.site-footer {font-family: "horizon" !important;}

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
riapatag
Tourist
3 0 1

Wow! You're awesome! Thanks! If you get a chance, can I ask a big favor of text of code that allows me to have the horizon font on my newsletter section and on the main navigation buttons (when I click shop the main menu font changes) Thanks so much again!

0 Likes
dmwwebartisan
Shopify Partner
5784 1323 1695

This is an accepted solution.

@riapatag 

please add following CSS

.site-nav__link {
    font-family: "horizon" !important;
}

 

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
riapatag
Tourist
3 0 1

Thank you!!!