संभव डुप्लिकेट:
Allow users to change font size in a webpageसीएसएस - बढ़ाएँ पृष्ठ अक्षरों का आकार
हैलो,
मैं कुछ वेबपृष्ठ हों। मैं उपयोगकर्ता को एक छवि पर क्लिक करना चाहता हूं और पृष्ठ में वृद्धि के सभी सामग्री का फ़ॉन्ट आकार रखना चाहता हूं। क्या यह संभव है? यदि हां, तो कैसे?
मुझे पता है कि ब्राउज़र में उनके अंदर विकल्प हैं। असल में, मैं पृष्ठ में स्वयं ऐसा करने का एक तरीका चाहता हूं।
धन्यवाद।
यदि आप <body> जैसे शीर्ष-स्तर तत्व का फ़ॉन्ट आकार बढ़ाते हैं, तो उस [बदले गए] आकार को अपने बच्चे तत्वों द्वारा विरासत में प्राप्त किया जाएगा (मानते हैं कि उन तत्वों के लिए अन्य सीएसएस नियम पूर्ण आकार के साथ उस आकार को ओवरराइड नहीं करते थे मान, जो कि उनके ब्राउज़र में उपयोगकर्ता के बदलते फ़ॉन्ट आकार को भी गड़बड़ कर देगा)।
This article (उदाहरण के लिए) कहता है कि यह वर्णन करता है कि सीएसएस मूल्यों को प्रोग्रामिक रूप से कैसे बदला जाए।
तीन बातें इस लक्ष्य को हासिल करने के लिए:
<body> टैग में समग्र फ़ॉन्ट आकार निर्दिष्ट करें। उदाहरण के लिए:
body { font-size: 100%; }
दस्तावेज़ में कहीं और फ़ॉन्ट आकार निर्दिष्ट करने के लिए पिक्सल का उपयोग न करें।
p.somePara { font-size: 120%; }
p.anotherPara { font-size: 1.4em; }
तदनुसार फ़ॉन्ट आकार समायोजित करने के लिए, इस छवि में एक ईवेंट हैंडलर संलग्न करें। JQuery का उपयोग करना, उदाहरण के लिए:
$("#largerTextImage").click(function() {
$("body").css("fontSize", "120%");
});
हो गया।
एक itty bitty वाक्यविन्यास त्रुटि को ठीक करने के लिए संपादित :) –
मैं कहूंगा कि आप सीएसएस स्विच कर सकते हैं।
अपने सभी फ़ॉन्ट-आकार को एक अलग सीएसएस फ़ाइल में रखें। फिर इस फ़ाइल को डुप्लिकेट करें और फ़ॉन्ट आकार बदलें। फिर सीएसएस फ़ाइलों को स्विच करने के लिए जेएस स्क्रिप्ट का एक टुकड़ा उपयोग करें।
वहां बहुत सारे ट्यूटोरियल हैं जो इसके बारे में सब कुछ बताते हैं। Here's one।
यह एक बहुत ही कच्ची विधि है कि मैं कभी उपयोग नहीं करेंगे। –
ऐसा क्यों? यह बहुत दिलचस्प है क्योंकि आप अपनी वेबसाइट की तरह दिखने पर नियंत्रण रखने के लिए सभी तत्वों के लिए अलग-अलग फ़ॉन्ट आकार निर्दिष्ट कर सकते हैं। – marcgg
1) सीएसएस फाइलों को बदलना वास्तव में थोड़ा कच्चा है, जो आप शरीर पर जोड़ते/हटाते हैं, उनका उपयोग करना बेहतर होगा क्योंकि यह तत्काल अपडेट होगा, फ़ॉन्ट आकार बदलने के लिए कोई नई फ़ाइल डाउनलोड नहीं होगी। 2) यह विधि साइट-व्यापी फ़ॉन्ट समायोजन के मुकाबले छोटे पैमाने पर परिवर्तनों के लिए कहीं अधिक उपयुक्त है। इतनी छोटी सुविधा के लिए यह बहुत सी अतिरिक्त सीएसएस लेखन है। इससे भी बेहतर है कि अगर आपको इस सुविधा की ज़रूरत है तो आप% या एम आधारित विधियों को करते हैं जैसे कि बड़ेमत्ती के उत्तर द्वारा समझाया गया है और इस जवाब से विधि को छोटे पैमाने पर टॉगलिंग नौकरियों में छोड़ दें। –
डुप्: http://stackoverflow.com/questions/891980/change-font-size-in-a-webpage/892031 –