2012-01-04 12 views
9

W3C page of advice on how to size your fonts in CSS एक बनाए रखने - पिछले अप्रैल 2010 में अद्यतन इस पेज फोंट शैली सबसे अच्छा उपाय है "पूर्ण" font-आकारों का उपयोग करने के लिए है के अनुसार:,क्या मुझे पूर्ण फ़ॉन्ट आकार (छोटे, मध्यम, बड़े एट अल।) का उपयोग करना चाहिए?

भी बेहतर अगर एक आधार font- आकार दस्तावेज़ के लिए सेट किया गया है, पूर्ण आकार का उपयोग करें ([xx-small | x-small | small | medium | big | x-big | xx-big]) या सापेक्ष आकार ([बड़ा | छोटा]) फ़ॉन्ट आकार को परिभाषित करते समय दस्तावेज़ के भीतर एक विशेष तत्व के लिए।

तब स्पेस defines these font-sizes तालिका में। जहां तक ​​मैं इस तालिका को समझता हूं, small 2/3 (66%) medium का आकार होना चाहिए, और large 4/3 (133%) होना चाहिए।

यदि मैं इसका परीक्षण करता हूं तो मुझे डब्ल्यू 3 सी द्वारा निर्दिष्ट अनुपात की मेरी व्याख्या से rather different results मिलता है। परिणाम क्रोम, फ़ायरफ़ॉक्स और आईई के नवीनतम संस्करणों में सुसंगत हैं, लेकिन डब्ल्यू 3 सी सिफारिश के साथ तालमेल नहीं करते हैं। small81.25%66% के बजाय large133% के बजाय 112.5% है।

क्या इसका मतलब यह है कि आधुनिक ब्राउज़र डब्ल्यू 3 सी से इन मानकों का समर्थन नहीं कर रहे हैं? क्या कोई नया मानक है जिसने इसे छोड़ दिया है जिसके बारे में मुझे पता नहीं है? या क्या मैंने उस तालिका के अर्थ को डब्ल्यू 3 सी से गलत समझा है?

दिन के अंत में मेरा प्रश्न नीचे आता है: क्या यह अभी भी सीएसएस में पूर्ण फ़ॉन्ट आकारों का उपयोग करने का सबसे अच्छा अभ्यास है? क्या यह लगातार ब्राउज़र में व्यवहार करेगा? और आदर्श रूप में मैं जानना चाहता हूं कि आधुनिक ब्राउज़र किस मानक का पालन कर रहे हैं।

+1

मेरा मानना ​​है कि जाने का सबसे अच्छा तरीका रिश्तेदार फ़ॉन्ट आकारों का उपयोग करना है: 'em' और प्रतिशत। ध्यान दें कि एचटीएमएल टैग के रूप में भी है जो सबकुछ कुछ और भ्रमित कर देता है, एचटीएमएल 5 spec के अनुसार एकमात्र लाभ यह है कि यह अर्थपूर्ण रूप से उपयोगी हो सकता है। लेकिन मुझे आश्चर्य है कि दूसरों को सीएसएस शैलियों x-big के बारे में भी क्या रहना है! – c4urself

उत्तर

4

आप जिस तालिका से लिंक करते हैं उसकी गलत व्याख्या करते हैं। मध्यम HTML फ़ॉन्ट आकार 3 है, छोटा HTML फ़ॉन्ट आकार 2 है, जो बहिष्कृत फ़ॉन्ट टैग और इसके 1..7 फ़ॉन्ट आकार का जिक्र है।

वैसे भी, यदि आप उपयोगकर्ता की फ़ॉन्ट आकार वरीयताओं का सम्मान करना चाहते हैं, तो फ़ॉन्ट आकार जैसे 10px और इसी तरह का उपयोग न करें। मध्यम का मतलब है उपयोगकर्ता की वरीयता। (हालांकि उन के विशाल बहुमत, फ़ैक्टरी डिफ़ॉल्ट पर उनके पसंदीदा आकार छोड़ क्योंकि वे नहीं जानते कि यह कैसे बदलने के लिए।)

@MrLister टिप्पणी में कहा:

[पूर्ण फ़ॉन्ट आकारों के बीच अनुपात ] ब्राउज़रों के बीच अलग है .. डब्ल्यू 3 सी के मुताबिक, यह फोंट के बीच भी भिन्न हो सकता है। मेरे व्यक्तिगत अनुभव में, कुछ ब्राउज़रों में सख्त और क्विर्क मोड के बीच भी अंतर होता है। तो यदि आप स्थिरता चाहते हैं, तो इसका उपयोग न करें। शरीर के लिए आकार (या तो आकार जिसे आप चाहते हैं, या इसे उपयोगकर्ता तक छोड़ दें) और फिर विभिन्न तत्वों के लिए प्रतिशत या ईएमएस के साथ काम करें

+0

और वास्तव में तालिका गलत व्याख्या के अलावा कि पृष्ठ विशेष रूप से कहता है कि तालिका अलग-अलग UAs द्वारा और विभिन्न फोंट के लिए भी अलग-अलग गणना की जाती है ... – Chris

+0

आह अच्छा! हां मैं "एचटीएमएल फ़ॉन्ट आकार" से क्या मतलब नहीं कर सका। क्या वे कहीं परिभाषित हैं? या यदि वे नहीं हैं, और विशेष रूप से UA तक छोड़ दिया गया है (जैसा कि @Chris अंक बाहर है) क्या ब्राउज़र डिफ़ॉल्ट की एक विश्वसनीय तालिका है? केवल इसलिए कि अगर मुझे स्टाइल गाइड या डिज़ाइन पीएनजी के आधार पर कुछ सीएसएस कोड करने की ज़रूरत है तो मुझे यह जानने की जरूरत है कि मैं किस आकार से काम कर रहा हूं। –

+0

बस जोड़ने के लिए - मुझे लगता है कि उन्हें बदलने की संभावना है, और इसलिए यदि मैं विशिष्ट फ़ॉन्ट पिक्सेल आकार चाहता हूं तो मुझे 'छोटे', 'मध्यम' आदि पर निर्भर नहीं होना चाहिए, लेकिन मैं सर्वोत्तम अभ्यास के अनुसार कोड करना चाहता हूं (और इस तरह के फ़ॉन्ट आकार बदल सकते हैं और साइट अभी भी उपयोग योग्य हो सकती है) लेकिन फिर भी यह निर्दिष्ट डिज़ाइन जैसे हितधारकों को देखती है। –

0

"मध्यम" 1em तक अनुवाद करता है।

किसी दस्तावेज़ के लिए मूल फ़ॉन्ट आकार के रूप में, 1em (या 100%) उपयोगकर्ता के वरीयता में फ़ॉन्ट आकार सेट करने के बराबर है।

+6

नहीं, नहीं, 1em मध्यम के समान नहीं है। 1em का अर्थ है "माता-पिता के समान फ़ॉन्ट आकार"। यदि में कोई फ़ॉन्ट आकार निर्दिष्ट नहीं है, तो 1EM शरीर में मध्यम के समान होता है। उदाहरण के लिए एच 1 में, 1em का मतलब एच 1 के समान आकार है, जबकि माध्यम उपयोगकर्ता की डिफ़ॉल्ट वरीयता होगी। –

+0

मुझे लगता है कि आपने मेरे प्रश्न को गलत समझा। यह विशेष तथ्य, जबकि आम तौर पर सच है, बिंदु नहीं था। –

+0

"क्या यह अभी भी सीएसएस में पूर्ण फ़ॉन्ट आकार का उपयोग करने का सबसे अच्छा अभ्यास है?" - "10pt" या पूर्ण "छोटे" ("छोटा" आकार के लिए 'फ़ॉन्ट' टैग के मानों को प्रतिबिंबित करने के रूप में पूर्ण) के रूप में पूर्ण। जो मैं कहने की कोशिश कर रहा था वह यह है कि पूर्व 'फ़ॉन्ट' टैग आकार "माध्यम" 1em बेस फ़ॉन्ट आकार में अनुवाद करेगा, यानी यह ब्राउज़र विशिष्ट होने के लिए बाध्य है, फिर भी इसे "मध्यम" माना जाना चाहिए। जहां तक ​​सबसे अच्छा अभ्यास जाता है, अपने बेस फ़ॉन्ट आकार को 1em के रूप में परिभाषित करना और अन्य सभी तत्वों के लिए इससे बचाव करना मेरा व्यक्तिगत वोट होगा - सुनिश्चित नहीं है कि आप उस "पूर्ण" या "रिश्तेदार" को कॉल करना चाहते हैं। – kontur

संबंधित मुद्दे