Font appearing wrong on Desktop Chrome but correct on Mobile Chrome

Store Design
1

Hi everyone,

First post here, and I am hoping someone can help.

I have a Shopify store that is displaying the correct font on my Chrome browser on my phone, but on my desktop computer at work, it is displaying what looks like a default font, which looks awful.

Please see the attached images.

Is there a solution for this?

Thanks

Dan

Mobile
Mobile1079×1961 206 KB

Desktop
Desktop1505×911 160 KB

2

@fotobydan

Please share store URL.

Thanks!

3

It’s https://shop.snapemaltings.co.uk/

4

@fotobydan

Please share font name

Thanks!

5

Its Source Sans Pro

6

@fotobydan

Please add the following code at the bottom of your assets/theme.css file.

.heading {font-family: Source Sans Pro !important;}

Thanks!

7

Thank you for that!

It has changed the fonts of the headers, which is great.

How can change the font of the main navigation, and also the body text?

Thanks

1 Like
8

@fotobydan

Please add the following code at the bottom of your assets/theme.css file.

.nav-bar__link {
    font-family: Source Sans Pro !important;
}

body {
    margin: 0;
    font-family: Source Sans Pro !important;
}

Thanks!

1 Like
9

Thank you!!!

You’ve really helped me out. :slightly_smiling_face: