@font-face के माध्यम से एक कस्टम फ़ॉन्ट का उपयोग करते समय, यह मुझे प्रस्तुत करता है जैसा कि मुझे लगता है कि यह क्रोम में होना चाहिए। फ़ायरफ़ॉक्स में, हालांकि, अतिरिक्त पैडिंग (ऊपर और नीचे) फ़ॉन्ट में जोड़ा गया है।@ फ़ॉन्ट-फेस समस्या, फ़ायरफ़ॉक्स पैडिंग जोड़ता है, क्रोम
Here is my example page that outlines the problem।
क्या मैं इसके बारे में कुछ भी कर सकता हूं?
एफवाईआई, यह फ़ायरफ़ॉक्स पर फ़ायरफ़ॉक्स में भी होता है (और क्रोमियम में नहीं)। मैं FontForge में अपने फ़ॉन्ट लोड करने का प्रयास किया और तुरंत एक चेतावनी मिल गया:
फ़ॉन्ट में निम्न तालिका (रों) FontForge
की उपेक्षा 'LTSH' रैखिक सीमा तालिका
की उपेक्षा 'VDMX द्वारा नजरअंदाज कर दिया गया है 'खड़ी डिवाइस मैट्रिक्स तालिका
की उपेक्षा' hdmx 'क्षैतिज डिवाइस मैट्रिक्स तालिका
मुझे लगता है कि समस्या यह है कि VDMX (Vertical Device Metrics) तालिका defec है टी:
आदेश सही ऊंचाई निर्धारित करने के लिए पूरे फ़ॉन्ट फिटिंग ग्रिड बचने के लिए, VDMX तालिका परिभाषित किया गया है।
ऐसा लगता है कि फ़ायरफ़ॉक्स में क्या होता है: कहीं न्यूनतम और अधिकतम ऊंचाई गलत गणना की जाती है। जब आप टेक्स्ट का चयन करते हैं तो यह भी स्पष्ट होता है: चयन बॉक्स लाइन के शीर्ष और निचले भाग तक फैला हुआ है; यदि h1 तत्व में वास्तव में पैडिंग था, तो आप लाइन के शीर्ष और निचले भाग और चयन बॉक्स के बीच एक अंतर देखेंगे।
इसके अलावा, मान्यता से पता चला कि लगभग हर ग्लिफ़ कि "missing points at extrema":
दोनों पोस्टस्क्रिप्ट और ट्रू टाइप आप की तरह एक पथ के मॅक्सिमा और न्यूनतम (एक्सट्रीमा) में अंक के लिए होगा।
एक त्वरित search पता चला:
केवल अन्य समस्या मैं था एक बल्कि बुरा हालत "एक्सट्रीमा पर अंक लापता" कहा जाता था। एक फ़ॉन्ट के साथ, पर एक ग्लिफ के चरम बाएं, दाएं, नीचे और नीचे एक बिंदु (या नोड, के रूप में उन्हें इंकस्केप में कहा जाता है) होने की आवश्यकता है।आम तौर पर वे वहाँ बस क्योंकि जिस तरह से अपने ग्लिफ़ बनाया गया है की वैसे भी हैं, लेकिन विकर्ण लाइनों गोल सिरों के साथ अक्सर समस्याओं [source, including picture (scroll down)]
बहुत अच्छे जवाब के लिए धन्यवाद! मैं जीएनयू/लिनक्स का भी उपयोग कर रहा हूं। मुझे नहीं पता कि यह अन्य प्रणालियों में कैसा दिखता है। हालांकि, मैं इस लापता टुकड़े को फ़ॉन्ट में कैसे जोड़ सकता हूं? चूंकि क्रोम वास्तव में सही अनुमान लगाता है, इसलिए फ़ॉन्ट में पर्याप्त जानकारी होनी चाहिए जिससे इसे परिभाषित करना काफी आसान हो। पर कैसे? – Johan
@ जोहान - मुझे यकीन नहीं है। यदि फ़ॉन्ट का ईयूएलए अनुमति देता है, तो आप फ़ॉन्टफोर्ट के साथ फ़ॉन्ट को संपादित करने का प्रयास कर सकते हैं और देख सकते हैं कि इससे मदद मिलती है या नहीं। मैं एक FontForge विशेषज्ञ नहीं हूँ हालांकि, मेरा जवाब केवल एक शिक्षित अनुमान है। –
वैसे भी, आपका उत्तर स्वीकार नहीं किया जाना बहुत अच्छा है। मैंने इसे फ़ॉन्ट फोर्ज में लोड और सहेजने का प्रयास किया और फिर यह एफएफ और क्रोम में बराबर दिखता है। दोनों इसे प्रस्तुत करने से एफएफ की तरह प्रस्तुत करते हैं। Fontforge में कई टन और पैरामीटर हैं। मैं थोड़ी देर के लिए उनके साथ खेलूँगा, तो मैं हार दूंगा। :) – Johan
बस जोड़े का कारण:
line-height:1;
अपने सीएसएस नियम
कोहालांकि यह उत्तर को लेकर चिंतित नहीं है, यह एक वैध कथन है: फ़ायरफ़ॉक्स 1 से नीचे पंक्ति ऊंचाई प्रदान कर सकता है जबकि क्रोम नहीं कर सकता है, जो समान परिस्थितियों में (विरासत में लाइनहाइट्स के साथ) नेतृत्व कर सकता है। – Paracetamol
डेडलिंक, चित्रण करने के लिए एक छवि बहुत उपयोगी होगी। –