Archived topic
Installed fonts not displaying on mobile
6 replies · Started by Rob on February 22, 2023
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 '”' 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!