Different font on certain pages (Bilingual website)

Site URL: https://toucan-accordion-c6x7.squarespace.com

Hi there - Im creating a bilingual website and need to reaplce the font on ceetain pages only. The english side is fine but when you click 'UA' in the nav to switch over to Ukrainian the font is terrible. How would I go about reaplcing this font with a different one?

I also realsie that different broswer may currently show different fonts - hence why swapping the font is also necessay.

Password for the website is: Maksym

On 2/11/2022 at 8:31 AM, Maksymrewko said:

Site URL: https://toucan-accordion-c6x7.squarespace.com

Hi there - Im creating a bilingual website and need to reaplce the font on ceetain pages only. The english side is fine but when you click 'UA' in the nav to switch over to Ukrainian the font is terrible. How would I go about reaplcing this font with a different one?

 

I also realsie that different broswer may currently show different fonts - hence why swapping the font is also necessay.

 

Password for the website is: Maksym

Add to Design > Custom CSS

div.header-nav-item [href*="/ua/"] {
    font-family: monospace;
}

thanks @tuanphan worked perfeclty.

I will also have to change all of the font on thу actual pages themselves. (only on the /ua/ pages.) I've opted to use Robot for these pages as I know it supports cyrillic lettering. How would i go about swapping the H1,H2,H3,H4 and p for Roboto on these pages - bring in mind I need to add the correct font weights (similar to the EN pages)

Here is an example page - https://toucan-accordion-c6x7.squarespace.com/ua/home

On 2/15/2022 at 10:03 AM, Maksymrewko said:

thanks @tuanphan worked perfeclty.

I will also have to change all of the font on thу actual pages themselves. (only on the /ua/ pages.) I've opted to use Robot for these pages as I know it supports cyrillic lettering. How would i go about swapping the H1,H2,H3,H4 and p for Roboto on these pages - bring in mind I need to add the correct font weights (similar to the EN pages)

Here is an example page - https://toucan-accordion-c6x7.squarespace.com/ua/home

Add to Page Header

<style>
  h1, h2, h3, h4, p {
  	font-family: Roboto, sans-serif !important;
  }
</style>