Site logo

Archived topic

Font Family for bold/italic text seems to be broken

3 replies · Started by Michael on February 9, 2020

Viewing posts 1–4 of 4

Hi there,

good news is the font style looks fine to me:

Which browser are you using ? And what do you see if you use a private/incognito browser ? definitely something wrong at a local level.

I have no idea what is going on. It is the same across all of the browsers I have installed on my laptop. That's good that it is working on your machine. Thank you for checking. Makes it kind of tricky to style things when you're not sure what things actually look like

Hi David,

I've fixed it. Just letting others know in case anyone else should come up against the same issue....

I noticed that the css declaration was missing a 0 on the font file name. So I changed this:

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: local("Open Sans Bold"), local("OpenSans-Bold"),
	   url("https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-70.woff2") format("woff2"),
	   url("https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-70.woff") format("woff");
}

To:

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: local("Open Sans Bold"), local("OpenSans-Bold"),
	   url("https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-700.woff2") format("woff2"),
	   url("https://reclaimdesign.org/wp-content/uploads/fonts/open-sans-v17-latin-700.woff") format("woff");
}

I also reuploaded all the fonts using binary transfer on Filezilla (apparently this helped someone with a similar problem from my research on forums).

This archived topic is closed to new replies.