फॉन्ट आकार बदलण्यासाठी ईएमएस वापरणे
जेव्हा आपण एक वेब पृष्ठ तयार करता तेव्हा बहुतांश व्यावसायिक शिफारस करतात की आपण ईएमएस, एक्सएस, टक्केवारी किंवा पिक्सेल्ससारख्या सापेक्ष मोजणीसह फॉन्ट आकारात (आणि प्रत्यक्षात, प्रत्येक गोष्ट) आकार घ्या. याचे कारण असे की आपण खरोखर आपली सामग्री पाहू शकणारे सर्व भिन्न मार्ग माहित नाही. आणि जर आपण एखादा परिपूर्ण उपाय (इंच, सेंटीमीटर, मिलीमीटर, पॉईंट्स किंवा पिकास) वापरत असाल तर ते वेगवेगळ्या डिव्हाइसेसमध्ये पृष्ठाची डिस्प्ले किंवा पठनीयता प्रभावित करेल.
आणि W3C शिफारस करते की आपण आकारांसाठी ईएमएस वापरत आहात.
पण एम किती मोठी आहे?
W3C एक मते म्हणून:
"हा घटक ज्याचा वापर केला जातो त्यावरील 'फॉन्ट-आकार' मालमत्तेच्या गणना केलेल्या मूल्याएवढा समान आहे अपवाद म्हणजे 'em' हा 'फॉन्ट-आकार' मालमत्तेच्या मूल्यामध्ये होतो, ज्या बाबतीत तो संदर्भित करतो मूळ घटकांच्या फॉन्ट आकारात. "
दुस-या शब्दात सांगायचे तर, ईएमएसमध्ये पूर्ण आकार नसतो. ते त्यांच्या आकाराच्या मूल्यांवर ते कुठे आहेत यावर आधारित असतात. बर्याच वेब डिझायनरसाठी , याचा अर्थ असा की ते वेब ब्राऊजरमध्ये आहेत, जेणेकरून 1एम उंच असलेला फॉन्ट त्या ब्राउझरसाठी डिफॉल्ट फॉन्ट आकाराप्रमाणेच आकारमान असतो.
परंतु डीफॉल्ट आकार किती उंच आहे? ग्राहकांना त्यांच्या ब्राउझरमध्ये त्यांचे डीफॉल्ट फॉन्ट आकार बदलता यावे म्हणून 100% निश्चित होण्याचे काहीच मार्ग नाही, परंतु बहुतेक लोक असे मानत नाहीत की बहुतांश ब्राउझरकडे 16px चे डिफॉल्ट फॉन्ट आकार आहेत. तर बहुतेक वेळा 1em = 16px
पिक्सेलमध्ये विचार करा, मोजण्यासाठी Ems वापरा
डीफॉल्ट फॉन्ट आकार 16xx आहे हे आपल्याला माहिती झाल्यानंतर, आपण आपल्या क्लायंटला पृष्ठाचा आकार बदलण्यास अनुमती देण्यासाठी ems चा वापर करू शकता परंतु आपल्या फाँट साईजसाठी पिक्सेलमध्ये विचार करू शकता.
समजा तुमच्याकडे अशी आकाराची रचना आहे.
- मथळा 1 - 20px
- मथळा 2 - 18px
- मथळा 3 - 16px
- मुख्य मजकूर - 14px
- उप मजकूर - 12px
- तळटीपा - 10px
आपण त्या पद्धतीने मोजण्यासाठी पिक्सेल वापरुन त्यास परिभाषित करू शकता, परंतु IE 6 आणि 7 वापरणारे कोणीही आपल्या पृष्ठाचा आकार बदलू शकणार नाही. त्यामुळे आपण आकार ems मध्ये रुपांतरित करावे आणि हे काही गणिताची बाब आहे.
- मथळा 1 - 1.25EM (16 x 1.25 = 20)
- मथळा 2 - 1.125 (16 × 1.125 = 18)
- मथळा 3 - 1em (1em = 16px)
- मुख्य मजकूर - 0.875 नाम (16 x 0.875 = 14)
- उप मजकूर - 0.75 नाम (16 x 0.75 = 12)
- तळटीप - 0.625ेम (16 x 0.625 = 10)
वारसा विसरू नका!
परंतु ईएमएसमध्ये असे काहीच नाही. आपल्याला लक्षात ठेवणे आवश्यक असलेली दुसरी गोष्ट म्हणजे ते पालकांचे आकार घेतात. म्हणून जर आपण भिन्न फॉन्ट आकारात नेस्टेड केलेले असल्यास, आपण अपेक्षा करता त्यापेक्षा लहान किंवा जास्त फॉन्टसह समाप्त होऊ शकता.
उदाहरणार्थ, आपल्याकडे अशी शैली पत्रक असू शकते:
पी {फॉन्ट-आकार: 0.875em; }
.footnote {font-size: 0.625; }
यामुळे मुख्य मजकूर आणि फूटनोटसाठी अनुक्रमे 14px आणि 10px असतील अशा फॉन्ट्स अनुक्रमे अनुकरण होतील. परंतु आपण परिच्छेद आत एक तळटीप ठेवल्यास, आपण 10px ऐवजी 8.75px असलेल्या मजकुरासह जाऊ शकता. हे स्वत: वापरून पहा, वरील सीएसएस आणि खालील HTML दस्ताएवजीमध्ये टाका:
हा फॉन्ट 14px किंवा 0.875 ईएमएस आहे
या परिच्छेदात एक तळटीप आहे.
हे फक्त एक तळटीप परिच्छेद असताना.
तळटीप मजकूर 10px वर वाचणे कठिण आहे, हे 8.75 पीएक्सवर जवळपास अयोग्य आहे.
तर, जेव्हा आपण ईएमएस वापरत असतो, तेव्हा आपण मूळ ऑब्जेक्टच्या आकाराबद्दल अत्यंत जागरूक असणे आवश्यक आहे, किंवा आपण आपल्या पृष्ठावरील काही खरोखर विचित्र आकाराच्या घटकांसह समाप्त कराल.