एच 1-एच 6 टैग

Question

के लिए सबसे आम फ़ॉन्ट-आकार क्या हैं I हमेशा यह सुनिश्चित नहीं किया जाता कि सामान्य सामान्य अभ्यास आधार रेखा के रूप में कहां से शुरू किया जाए। हाँ, मुझे पता है कि यह आपके डिजाइन पर निर्भर करता है - लेकिन सबसे आम क्या है?

यहाँ मैं वर्तमान में एक स्टार्टर के रूप में है:

h1 { font-size: 24px;} 
h2 { font-size: 22px;} 
h3 { font-size: 18px;} 
h4 { font-size: 16px;} 
h5 { font-size: 12px;} 
h6 { font-size: 10px;} 

हाँ, हम ईएमएस अपनी मौजूदा नौकरी में प्रयोग नहीं करते।

धन्यवाद

Answer 1

यह ब्राउज़र की डिफ़ॉल्ट स्टाइलशीट पर निर्भर करेगा। आप सीएसएस 2.1 उपयोगकर्ता एजेंट स्टाइलशीट डिफ़ॉल्ट here की एक (अनौपचारिक) तालिका देख सकते हैं।

IE7  IE8  FF2   FF3   Opera Safari 3.1 
H1 24pt 2em  32px  32px  32px 32px  
H2 18pt 1.5em 24px  24px  24px 24px 
H3 13.55pt 1.17em 18.7333px 18.7167px 18px 19px 
H4 n/a  n/a  n/a   n/a   n/a  n/a 
H5 10pt 0.83em 13.2667px 13.2833px 13px 13px 
H6 7.55pt 0.67em 10.7333px 10.7167px 10px 11px 

इसके अलावा एक नज़र लेने पर default stylesheet for HTML 4 है लायक:

ऊपर सूचीबद्ध पेज के आधार पर, डिफ़ॉल्ट आकार कुछ इस तरह दिखाई। डब्ल्यू 3 सी इन शैलियों को डिफ़ॉल्ट के रूप में उपयोग करने की सिफारिश करता है। एक संक्षिप्त उद्धरण:

h1 { font-size: 2em; } 
h2 { font-size: 1.5em; } 
h3 { font-size: 1.17em; } 
h4 { font-size: 1.12em; } 
h5 { font-size: .83em; } 
h6 { font-size: .75em; } 

आशा है कि यह जानकारी उपयोगी है।

Answer 2

शीर्षलेख आम तौर पर बोल्ड-फेस होते हैं; यह आकार पत्राचार के इस प्रदर्शन के लिए बंद कर दिया गया है। एमएसआईई और ओपेरा इन आकारों की व्याख्या करते हैं, लेकिन ध्यान दें कि गेको ब्राउज़र और क्रोम हेडिंग 6 को 10 पिक्सेल/फ़ॉन्ट आकार 1 के बजाय 11 पिक्सेल के रूप में समझते हैं, और हेडिंग 3 को 18 पिक्सल/फ़ॉन्ट आकार 4 के बजाय 19 पिक्सेल के रूप में वर्णित करते हैं (हालांकि यह मुश्किल है प्रत्यक्ष तुलना में और उपयोग में असंभव भी अंतर बताएं)। ऐसा लगता है कि गेको भी टेक्स्ट को 10 पिक्सेल से कम तक सीमित करता है।