Jump to content

Font displaying incorrectly in chrome


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 post
Share on other sites

I've never seen anything like this before. What happens if you remove the SVG line from the font definition?

Link to post
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 post
Share on other sites
  • 3 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...