Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

Learn More

Mozilla doesn't load a specific font of my website

  • 3 réponses
  • 7 ont ce problème
  • 3 vues
  • Dernière réponse par 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!
Captures d’écran jointes

Toutes les réponses (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; }