FROM CACHE - en_header

How To Change The Text Font For A Specific Page

Solved
dank_shades
Explorer
60 0 16

I want this page

https://www.dankshades.com/pages/about-us

and this page

https://www.dankshades.com/pages/privacy-policy 

to be a different text but it changes all the text associated with <div> Let me know what I can do it is the last thing I need for my website.

 

My font code line is:

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

p { font-family: "Roboto-Light"!important; }


Someone on the forum helped me and gave me this code but when I put it in the css.liquid file I have it does not work I am pretty sure I did it before the /body text also. Below is the code. If anyone can help this is the last thing I need done on my website and I cannot figure it out.

 

 

 

{% if template contains 'page' %} {% if page.handle == 'privacy-policy' or page.handle == 'about-us' %} <style> p { font-family: "Roboto-Light"!important; } </style> {% endif %} {% endif %}

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
34392 3444 11266

This is an accepted solution.

@dank_shades 

can you try this code only

{% if page.handle == 'privacy-policy' or page.handle == 'about-us' %} <style> p { font-family: "Roboto-Light"!important; } </style> {% endif %} 

also please upload all font type TTF, OTF, WOFF, WOFF, SVG this compulsory

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 6 (6)
KetanKumar
Shopify Partner
34392 3444 11266

This is an accepted solution.

@dank_shades 

can you try this code only

{% if page.handle == 'privacy-policy' or page.handle == 'about-us' %} <style> p { font-family: "Roboto-Light"!important; } </style> {% endif %} 

also please upload all font type TTF, OTF, WOFF, WOFF, SVG this compulsory

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dank_shades
Explorer
60 0 16

So I would paste this and I need to add font types to it? Also, would I put this in the theme.liquid or I have one called theme.scss.liquid

 

dank_shades
Explorer
60 0 16

I can pay you to do this task for me. It is the last thing I need in my website.

dank_shades
Explorer
60 0 16
KetanKumar
Shopify Partner
34392 3444 11266

@dank_shades 

got it your store let's have update and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
34392 3444 11266

@dank_shades 

i have update code can you please check

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing