Mozilla doesn't load a specific font of my website
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!
All Replies (3)
There may be a problem with the path.
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.
I get the same issue in Google Chrome.
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; }