Site logo

Archived topic

Installed fonts not displaying on mobile

6 replies · Started by Rob on February 22, 2023

Viewing posts 1–7 of 7

Hi Iam developing this site

https://thetwistedcurry.co.uk/wordpress/

and have added KG Second Chances font by uploading and adding

@font-face {
font-family: 'KG Second Chances Solid';
src: url("https://thetwistedcurry.co.uk/wordpress/wp-content/uploads/2023/KGSecondChancesSolid.woff") format("woff"),
font-weight: normal;
font-style: normal;
}

to the css file

this all works fine on desktop but does not display on mobile

Any ideas?

Hey Rob,

I don't think it's working on desktop, it's just that you have the font installed locally so it's showing for you. Try removing the '&#8221' from your src URL, looks like it's a random character pasted in by mistake.

Greg

I think that random characters added when I pasted into he(@font-face {
font-family: 'KG Second Chances Solid';
src: url("https://thetwistedcurry.co.uk/wordpress/wp-content/uploads/2023/KGSecondChancesSolid.woff") format("woff"),
font-weight: normal;
font-style: normal;
})

I have repasted to code into the site, still not dispalying on mobile. The font is installed on the server

Try this:

@font-face {
font-family: ‘KG Second Chances Solid’;
src: url(“https://thetwistedcurry.co.uk/wordpress/wp-content/uploads/2023/KGSecondChancesSolid.woff") format(“woff”),
font-weight: normal;
font-style: normal;
}

Still not working :(

Thanks Greg :)

Rob, try this:

@font-face {
    font-family: 'KG Second Chances Solid';
    src: url("https://thetwistedcurry.co.uk/wordpress/wp-content/uploads/2023/KGSecondChancesSolid.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

theres a couple of rouge quotemarks in the current code.

Perfecr thank you, did the trick!

This archived topic is closed to new replies.