Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Mozilla doesn't load a specific font of my website

  • 3 replies
  • 7 have this problem
  • 4 views
  • Last reply by dimichatzi

more options

Hi,

I would like to ask you something about an external font (not from Google Fonts) that I use into my website and it is not loaded from Mozilla browser. The font is the following :

https://www.fontsquirrel.com/fonts/VAG-HandWritten

You can check my under construction website here :

http://www.andreasplace.com.gr/

The web password details are the following :

username  : andreas password  : lemonakia2016

You can check the font with chrome and Edge browser in which it is loaded normally. Does maybe mozilla have any incompatibility with the specific font?

Thanx in advance!

Hi, I would like to ask you something about an external font (not from Google Fonts) that I use into my website and it is not loaded from Mozilla browser. The font is the following : https://www.fontsquirrel.com/fonts/VAG-HandWritten You can check my under construction website here : http://www.andreasplace.com.gr/ The web password details are the following : username : andreas password : lemonakia2016 You can check the font with chrome and Edge browser in which it is loaded normally. Does maybe mozilla have any incompatibility with the specific font? Thanx in advance!
Attached screenshots

All Replies (3)

more options

There may be a problem with the path.

http://www.andreasplace.com.gr/wp-content/themes/andreasplace/templates/fonts/VAG-HandWritten-webfont.woff

returns a 404 error.

Try changing

url('fonts/VAG-HandWritten-webfont.woff') format('woff'),

to:

url('../fonts/VAG-HandWritten-webfont.woff') format('woff'),

and see whether that fixes it.

Of course, I wonder also why you have this in @font-face:

font-family: 'vag-handwrittenregular';

but then you use:

.ppb_title_first { font-family : "VAG-HandWritten"!important; }

Those might need to match.

more options

I get the same issue in Google Chrome.

more options

Finally, it worked with the following CSS :

@font-face {

   font-family: 'vag-handwrittenregular';
   src: url('fonts/VAG-HandWritten-webfont.eot');
   src: url('fonts/VAG-HandWritten-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/VAG-HandWritten-webfont.woff') format('woff'),
        url('fonts/VAG-HandWritten-webfont.ttf') format('truetype'),
        url('fonts/VAG-HandWritten-webfont.svg#vag-handwrittenregular') format('svg');
   font-weight: normal;
   font-style: normal;

}

.ppb_title_first { font-family : "VAG-HandWritten"!important; }