Archived topic
Custom font-family not loaded in Firefox
3 replies · Started by Kathryn on September 23, 2021
Hello there,
I have 2 custom font-families I use on my website - MinionVariableConcept-Roman, MinionVariableConcept-Italic. As these are all working good in Chrome, in Firefox they are not displayed at all. When I inspect page CSS, font-family is loaded, but whereever custom fonts are used, no text is displayed at all. I do use Elementor, but since it doesn't support .otf fonts, I have declared it in each element's custom css (e.g. .some-class h2 {font-family: 'MinionVariableConcept-Roman', Sans-serif;} instead of using Elementor's Typography) and it works inside Chrome, since those fonts are added inside Generatepress following the steps you provided in some of the previous articles. I really can't say why is there issue in Firefox. When I inspect css of the page, it looks like font-family property is loaded, but something stops fonts from being executed. I have read a similar topic on this forum, tried everything that guy tried (including checking my own Firefox settings) but fonts are still not loaded at all.
Thank you!
Hi there,
i checked the site on Chrome and FF and i see the same result.
Can't say for certain if the actual font is being displayed ( e.g defaulting to browser serif ) but the text is being displayed.
I had a look around and Minion Variable Concept is a Variable font using CFF-Flavouring - which isn't supported by all browsers. This sample page shows the font:
https://v-fonts.com/fonts/minion-variable-concept
Check that on your FF browser to see if that loads, if it doesn't then it could be the FF version you're using.
I don't know anymore. In Chrome, it is good. In Firefox, no menu, no headings. Can you tell me where to see font version?
Lets first eliminate if its a browser issue.
If you view this site on Firefox:
https://v-fonts.com/fonts/minion-variable-concept
Does the font display ?