मैं एक कस्टम फ़ॉन्ट और @ फ़ॉन्ट-फेस टैग का उपयोग कर रहा हूं। विंडोज़ में, सबकुछ बढ़िया दिखता है, भले ही यह फ़ायरफ़ॉक्स, क्रोम या आईई है।मैक बनाम विंडोज ब्राउज़र फ़ॉन्ट ऊंचाई रेंडरिंग समस्या
मैक पर, यह एक अलग कहानी है। किसी कारण से, मैक फ़ॉन्ट रेंडरर सोचता है कि फ़ॉन्ट इसकी तुलना में बहुत छोटा है।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Webble</title>
<style type="text/css">
@font-face
{
font-family: "Bubbleboy 2";
src: url("bubbleboy-2.ttf") format('truetype');
}
body
{
font-family: "Bubbleboy 2";
font-size: 30px;
}
div
{
background-color: maroon;
color: yellow;
height: 100px;
line-height: 100px;
}
</style>
</head>
<body>
<div>The quick brown fox jumped over the lazy dog.</div>
</body>
</html>
ओपन विंडोज Firefox पर और मैक Firefox पर यह:
उदाहरण के लिए, इस परीक्षण कोड (live example here) पर विचार करें। इसे चुनने के लिए अपने माउस का प्रयोग करें।
विंडोज़ पर, आप देखेंगे कि यह पूरी तरह से फ़ॉन्ट का चयन करता है।
मैक पर, यह केवल आधे फ़ॉन्ट का चयन करता है। यदि आप यह देखते हैं कि यह क्या चुन रहा है, तो आप देखेंगे कि वह हिस्सा फ़ॉन्ट की पूर्ण ऊंचाई के बजाय केंद्रित है।
क्या इस तरह की बड़ी विसंगति को ठीक करने के लिए वैसे भी है?
धन्यवाद निकोलस, मैं इसे जाने दूंगा। – cdmckay
पूरी तरह से काम किया, धन्यवाद! – cdmckay
हम्म, अब कुछ नया अजीबता: टीटीएक्स फाइलों को संपादित करने के परिणामस्वरूप फ़ॉन्ट हर जगह काम करता है विंडोज़ के लिए पीटी क्रोम, जहां ऐसा लगता है कि इसे स्वीकार नहीं किया जाता है। – cdmckay