Jump to content

Font displaying incorrectly in chrome


StuartCR
 Share

Recommended Posts

Hi all, how are we?

I'm have issues with a font on my website, i've only just start here >>> https://crtest1.co.uk/
 

I used font squirrel to convert my font, i've done this many times before, never seen the issue i'm having...

@font-face{ 
	font-family: 'angelfaceregular';
	src: url('/wp-content/uploads/2020/fonts/angelface-3-webfont.eot');
	src: url('/wp-content/uploads/2020/fonts/angelface-3-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/wp-content/uploads/2020/fonts/angelface-3-webfont.woff') format('woff'),
	     url('/wp-content/uploads/2020/fonts/angelface-3-webfont.ttf') format('truetype'),
	     url('/wp-content/uploads/2020/fonts/angelface-3-webfont.svg') format('svg');
}



h1 {
	font-family: 'angelfaceregular';
}

it displays fine in firefox and safari
font-help-img.jpg.59479f9eb6956bf5470b4e4cad2e435e.jpg

the problem is some of the letters are displayed as only outlines in chrome.

can anyone help me please?

thank you in advance, and stay safe!

Link to comment
Share on other sites

What does your code look like? Maybe you forgot to replace the comma on the previous line with a semi-colon.

If that's not the issue, then it sounds like all of the other font files are missing from your server or are corrupted.

Link to comment
Share on other sites

  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...