मैंने हाल ही में ऑनलाइन कॉन्फ़्रेंस की बात करते हुए कुछ सम्मेलन देखा। स्वर्ण अनुपात के साथ font-size/line-height
की गणना के लिए वेब कैलकुलेटर के बारे में कुछ उल्लेख किया गया था। कोई विचार मुझे यह कहां मिल सकता है? या आप अपने हेडर के लिए किस आकार का उपयोग करते हैं?क्या कोई सीएसएस फ़ॉन्ट आकार/रेखा ऊँचाई कैलक्यूलेटर है?
उत्तर
सीएसएस संपत्ति 'लाइन-ऊंचाई' वास्तव में एक शुद्ध संख्यात्मक मान स्वीकार करती है, जो फ़ॉन्ट आकार सेट के आधार पर लाइन ऊंचाई को काम करेगी। यदि आप सुनहरा अनुपात (1.618033 99) का उपयोग करना चाहते हैं, तो आप इसे शरीर में रेखा की ऊंचाई के रूप में सेट कर सकते हैं।
body { font: 100%/1.618 sans-serif; }
उदाहरण के लिए, 24px करने के लिए एक एच 1 के font-size की स्थापना 39px की पंक्ति-ऊंचाई का उत्पादन होगा (38.832 से इकट्ठे हो)।
मुझे लगता है कि आप क्या देख रहे हैं this calculatorthis presentation से है।
मैं जानता हूँ कि यह एक पुराने सवाल है, लेकिन सिर्फ मामले में किसी को अभी भी संदर्भ के लिए लग रही है, इस (भयानक) Golden Ratio Typography Calculator
लेकिन आप इस ** [awsone लेख] (http://www.pearsonified.com/2011/12/golden-ratio-typography.php) ** को याद करते हैं ** उस अजीब गोल्डन अनुपात कैलकुलेटर –
के लेखक से वर्तमान में मुझे मिल रहा है मेरे कंसोल में एक जावास्क्रिप्ट त्रुटि जो '$' परिभाषित नहीं है - ऐसा लगता है कि वे jQuery या कुछ लोड करना भूल गए हैं। –
यह type-scale.com था? मैं इसका उपयोग सभी खानों की गणना के लिए करता हूं। यह फ़ॉन्ट आकार और रेखा-ऊंचाई प्रदान करता है।
स्पष्ट स्वर्ण अनुपात साथ line-height
स्थापित करने के लिए की तलाश में उन, आप का उपयोग कर सकते हैं:
यह अलग फ़ॉन्ट आकार के साथ ठीक से स्केल करेगा।
- 1. सीएसएस: फिक्स पंक्ति की ऊँचाई
- 2. क्या Google कैलक्यूलेटर के लिए कोई आधिकारिक एपीआई है?
- 3. क्या कोई उपयोग है जो मुझे सीएसएस
- 4. सीएसएस: फॉलबैक फ़ॉन्ट
- 5. सीएसएस बहुत पतला फ़ॉन्ट?
- 6. सीएसएस, सापेक्ष फ़ॉन्ट आकार
- 7. एक फ़ॉन्ट को सीएसएस
- 8. सीएसएस फ़ॉन्ट-वेट विकल्प
- 9. सीएसएस से परिभाषित फ़ॉन्ट
- 10. सीएसएस @ फ़ॉन्ट-फेस IE8
- 11. सीएसएस 100% ऊँचाई, और फिर स्क्रॉल डीआईवी पृष्ठ
- 12. सीएसएस सेट फ़ॉन्ट "मजबूत"
- 13. सीएसएस "रंग" बनाम "फ़ॉन्ट-रंग"
- 14. कैलक्यूलेटर-जैसे स्पॉटलाइट टूल
- 15. यह सीएसएस फ़ॉन्ट शॉर्टैंड सिंटैक्स का क्या अर्थ है?
- 16. क्या सीएसएस में फ़ॉन्ट चिकनाई को अक्षम करना संभव है?
- 17. सीएसएस फ़ॉन्ट घोषणाओं में 12px/13px क्या करता है?
- 18. सीएसएस में फ़ॉन्ट आकार मध्यम
- 19. सीएसएस: @ फ़ॉन्ट-फेस एंटी एलियासिंग
- 20. टेक्स्टरेरा की ऊँचाई फ़ायरफ़ॉक्स
- 21. क्या कोई सीएसएस है: दृश्यमान (स्क्रॉल) चयनकर्ता?
- 22. क्या कोई सीएसएस "हैशिल्डेरेन" चयनकर्ता है?
- 23. क्या ऐसा कोई सीएसएस ढांचा है?
- 24. JQuery - सीएसएस संपादक? क्या कोई है?
- 25. क्या कोई सीएसएस सिंटैक्स परीक्षण सूट है?
- 26. xmonad प्रॉम्प्ट में सरल कैलक्यूलेटर
- 27. प्रदर्शन: मार्जिन, गद्दी, चौड़ाई, ऊँचाई
- 28. यूएसपीएस दर कैलक्यूलेटर से प्रतिक्रिया
- 29. सीएसएस रीसेट: फ़ॉन्ट आकार: 100%; क्यूं कर?
- 30. सीएसएस फ़ॉन्ट वजन 900 से मोटा मोटा?
किसी भी फ़ॉन्ट आकार के लिए, लाइन की चौड़ाई बढ़ जाती है क्योंकि रेखा चौड़ाई बढ़ जाती है –
@ टॉम केयर विस्तृत करने के लिए, टॉम? यूनिट-कम मान का उपयोग करना ब्राउज़र को फ़ॉन्ट आकार के अनुसार लाइन ऊंचाई समायोजित करने के लिए कहता है। मुझे यकीन है कि यहां लाइन खेलने की चौड़ाई कहां आती है, लेकिन आपके विस्तारित विचारों में दिलचस्पी होगी। – amustill
चूंकि रेखा चौड़ाई बढ़ी है, पाठ पढ़ने के लिए कठिन हो जाता है क्योंकि चौड़ाई के प्रभाव को ऑफ़सेट करने के लिए रेखा की ऊंचाई में वृद्धि नहीं हुई है। 3 टाइपोग्राफ़िकल आयाम हैं: फ़ॉन्ट आकार, रेखा ऊंचाई, और रेखा चौड़ाई। क्या होगा यदि आप 550px की सामग्री चौड़ाई में 16px फ़ॉन्ट आकार का उपयोग करना चाहते हैं? इस मामले में आपकी समायोजित लाइन ऊंचाई क्या होनी चाहिए? आपके अनुसार 25.88 है, लेकिन इष्टतम 25.00 है। यह सिर्फ एक और पढ़ने है;) –