[Resolved] Font Family for bold/italic text seems to be broken

[Michael]

Hi all,

For reasons unknown to me the font family on words/phrases I have applied <em> and <strong> to seems to be defaulting to something other than the font family I set for Open Sans.

https://www.dropbox.com/s/jqpucn0ge0bo42d/strong%20em%20font%20formatting.jpg?dl=0

I’ve cleared the browser cache and WP cache but this made no odds.

[David]

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.

[Michael]

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

[Michael]

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).

[Author]

Posts