मुझे फ़ायरफ़ॉक्स के बारे में बहुत सारे प्रश्न ऑनलाइन मिले हैं जो स्थानीय वेबफोंट (सर्वर पर नहीं) दिखा रहे हैं लेकिन मेरे लिए कोई भी समाधान काम नहीं करता है। फ़ायरफ़ॉक्स में https://nl.hacktisch.com/ खोलें ताकि फोंट (शेयर बटन में कार्ला और आइकन फ़ॉन्ट, ऊपरी दाएं) लोड न हों।फ़ायरफ़ॉक्स: स्थानीय रूप से होस्ट किए गए वेबफॉन्ट को नहीं दिखाया गया - यहां तक कि एक्सेस-कंट्रोल-अनुमति-उत्पत्ति "*"
अधिकांश जवाब फ़ायरफ़ॉक्स में सख्त मूल प्रतिबंध के बारे में कर रहे हैं, लेकिन फिर भी .htaccess में निम्न सेटिंग के साथ यह काम नहीं करता:
AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
<FilesMatch "\.(ttf|otf|eot|woff)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
या यहाँ तक कि
Header set Access-Control-Allow-Origin "*"
आप में देख सकते हैं फ़ायरफ़ॉक्स इंस्पेक्टर कि ब्राउज़र फ़ॉन्ट को लोड करने का भी प्रयास नहीं करता है:
यह बताता है कि सीएसएस फ़ॉन्ट घोषणा गलत है लेकिन मैंने सीएसएस में फ़ॉन्ट को परिभाषित करने के कई तरीकों का भी प्रयास किया है। वर्तमान में के रूप में इस प्रकार है:
@font-face {
font-family: Karla;
font-weight: 400;
font-style: normal;
src: url('/fonts/k.eot');
src: url('/fonts/k.eot?#iefix') format('embedded-opentype'), local('Karla'), local('k'), url('/fonts/k.woff2') format('woff2'), url('/fonts/k.woff') format('woff'), url('/fonts/k.ttf') format('truetype'), url('/fonts/k.svg#Karla') format('svg')
}
@font-face {
font-family: Karla;
font-weight: 700;
font-style: normal;
src: url('/fonts/k7.eot');
src: url('/fonts/k7.eot?#iefix') format('embedded-opentype'), local('Karla Bold'), local('k7'), url('/fonts/k7.woff2') format('woff2'), url('/fonts/k7.woff') format('woff'), url('/fonts/k7.ttf') format('truetype'), url('/fonts/k7.svg#Karla') format('svg')
}
body{
font-family: Karla, sans-serif;
}
और
@font-face {
font-family: 'ico';
src: url('/fonts/ico.eot?35583524');
src: url('/fonts/ico.eot?35583524#iefix') format('embedded-opentype'),
url('/fonts/ico.woff?35583524') format('woff'),
url('/fonts/ico.ttf?35583524') format('truetype'),
url('/fonts/ico.svg?35583524#ico') format('svg');
font-weight: normal;
font-style: normal;
}