CODEWITHSUNDEEP
font-facefrontendwebfonts
Mark charlton
Mark charlton

Reputation: 377

firefox font rendering incorrectly

I'm having trouble with my website's font rendering. The logo font renders correctly in chrome and safari but, not in firefox.

This is the css code: 

  @font-face {
  font-family: 'Bello Pro';
  src: url('./Bello Pro.otf');
}

.logo {
  font-family: 'Bello Pro';
  font-size: 40px;
  font-weight: lighter;
}

Thanks in advance

Upvotes: 0

Views: 490

Answers (1)

Jace Cotton
Jace Cotton

Reputation: 2014

Make sure your version of Firefox supports both @font-face, and your font format. You may also want to check the permissions, sometimes firefox won't render fonts according to origin policies, and/or certain formats.

You should use an online font converter and provide ALL formats of your font (otf, ttf, eot, woff, svg).

Upvotes: 2

Related Questions