Subscribe Us

header ads

how to use font tag

अपने ब्लॉग पर अलग-अलग तरह के फॉण्ट के प्रयोग के लिए फॉण्ट टैग (<font></font>) का इस्तेमाल किया जाता है | फॉण्ट टैग (<font></font>) से सिर्फ किस तरह का फॉण्ट इस्तेमाल किया जाये का ही प्रयोग किया जाता है बल्कि इस टैग से फॉण्ट के साईज, रंग का भी चयन किया जा सकता है | इसको समझने के लिए कुछ उदाहरण नीचे दे रहा हूँ |
>>> जैसे कि आप सभी जानते हैं कि एम.एस. वर्ड में डिफाल्ट रूप से किसी एक फॉण्ट का इस्तेमाल करते हैं | उसी प्रकार आप अपनी पोस्ट की लिए भी डिफाल्ट फाँट का इस्तेमाल कर सकते हैं | इसके लिए आपको निम्न प्रकार से कोड लिखना होगा |
font-size <font face="arial">ये एरिअल फाँट है |</font>
यदि आप इस फाँट कर रंग बदलना चाहते हैं तो इस कोड के साथ एक और छोटा सा हैक्स कलर कोड लिख दें |
<font face="arial" color="red">ये एरिअल फाँट है |</font>

फॉण्ट के साईज के लिए आप इस कोड के साथ ही size="1" का इस्तेमाल कर सकते हैं |
<font face="arial" color="red" size="1">ये एरिअल फाँट है |</font>

इसी प्रकार आप अलग-अलग फाँट साईज के लिए निम्न अनुसार कोड का प्रयोग कर सकते हैं |

<font face="arial" color="red" size="2">ये एरिअल फाँट है |</font>
<font face="arial" color="red" size="3">ये एरिअल फाँट है |</font>
<font face="arial" color="red" size="4">ये एरिअल फाँट है |</font>

<font face="arial" color="red" size="5">ये एरिअल फाँट है |</font>

<font face="arial" color="red" size="6">ये एरिअल फाँट है |</font>

<font face="arial" color="red" size="7">ये एरिअल फाँट है </font>

अब जानते हैं कि मान लीजिये कि आपके कम्प्यूटर में एरिअल फॉण्ट इंस्टाल नहीं है तब आप आप क्या करेंगे | तो इसके लिए इस फॉण्ट के जगह आल्टरनेट फॉण्ट का इस्तेमाल किया जाता है | आप नीचे उदाहरण में देख सकते हैं कि आल्टरनेट फॉण्ट का इस्तेमाल कैसे किया जाता है |

<font face="comic sans ms, times new roman, arial" color="red" size="5">This is Comic Sans MS Font</font>

मान लीजिये किसी कारणवश आपके सिस्टम में comic sans ms फॉण्ट मौजूद न हो तो इस तरह से दूसरे आल्टरनेट फॉण्ट का इस्तेमाल अपने आप होगा | इस प्रकार पहले दोनों फॉण्ट के उपलब्ध न होने पर तीसरे फॉण्ट का विकल्प उपलब्ध होगा | <font face="times new roman, comic sans ms, arial" color="red" size="5">This is Time New Roman Font</font>

निम्न बाक्स में दिखाई दे रहे 12 फॉण्ट विंडो व मैक दोनों में पाए जाते हैं

arial, arial black, comic sans ms, courier, courier new, georgia,
helvetica, impact, palatino, times new roman, trebuchet ms, verdana 

अब ये जानकारी तो आपको दे दी | अब बहुत से व्यक्तियों के मन में ये प्रशन जरूर उभरेगा की हर बार इसे इस प्रकार से प्रयोग करना तो मुश्किल है | तो इसके लिए आप निम्न तरीका अपना सकते हैं | आप निम्न CSS कोड को अपने ब्लॉग के साइड-बार में स्थापित कर सकते हैं | बस आपको इस प्रकार अपने मनपसंद फॉण्ट का प्रयोग करने के लिए अपनी पोस्ट EDIT Mode में लिखनी होगी | इसके लिए निम्न प्रक्रिया अपनाएं :-

<p class="fs7"> you will write your posts here </p>

जब आप इस प्रकार से लिखेंगे तो आपको अपनी पोस्ट के अंश निम्न उदाहरण अनुसार दिखाई देंगे |

you will write your posts here

नीचे वह कोड है जिसे आपने अपने ब्लॉग के साइडबार में स्थापित करना है | फॉण्ट के साइज को कम करने के लिए आपको पैराग्राफ कोड में जहाँ पर fs7 लिखा है वहां पर 1, 2, 3, 4, 5, 6 में से किसी एक नुमैरिकल Figure को बदलना होगा | आप चाहें तो किसी भी बड़े साइज़ के टेक्स्ट के रंग को बदलने के लिए इसमे अपनी पसंद अनुसार हैक्स कोड का इस्तेमाल कर सकते हैं | इसके लिए आपको सिर्फ color:blue; लिख कर } इस से पहले लगाना होगा |

<style type="text/css">
.fs1 {font:10px "Georgia", "Arial", "Times New Roman";line-height:18px;}
.fs2 {font:14px "Georgia", "Arial", "Times New Roman";line-height:22px;}
.fs3 {font:16px "Georgia", "Arial", "Times New Roman";line-height:24px;}
.fs4 {font:18px "Georgia", "Arial", "Times New Roman";line-height:26px;}
.fs5 {font:26px "Georgia", "Arial", "Times New Roman";line-height:34px;}
.fs6 {font:32px "Georgia", "Arial", "Times New Roman";line-height:40px;}
.fs7 {font:48px "Georgia", "Arial", "Times New Roman";line-height:56px;}
</style>

क्या आपको ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं ! Save as PDF

एक टिप्पणी भेजें

4 टिप्पणियाँ

  1. आपकी उत्कृष्ट प्रविष्टि की चर्चा कल मंगलवार 27/11/12 को राजेश कुमारी द्वारा चर्चा मंच पर की जायेगी आपका चर्चा मंच पर स्वागत है!

    जवाब देंहटाएं
  2. Georgia ही बेस्ट है। इसे हर ब्राउज़र में आसानी से पढ़ा जा सकता है।

    जवाब देंहटाएं
  3. आपने अच्छी दी है पर मै कोडिंग को समझ ही नही पाता हूँ, हाँ आशा करता हूँ कि ये पोस्ट और लोगो के लिये अवश्य ही लाभदायक होगी........धन्यवाद

    भारत मे लिबर्टी रिजर्व / liberty reserve in india

    जवाब देंहटाएं
    उत्तर
    1. टिप्पणी के लिए शुक्रिया | थोड़ी सी कोशिश आप करें थोड़ी सी मैं | समझना कोई मुश्किल नहीं होगा | बस हेल्प पेज प्रशन करें विस्तृत उत्तर आपको जरूर प्राप्त होगा | बस जरूरत है आगे बढने की इच्छा शक्ति का होना | कुछ भी असंभव नहीं है |

      हटाएं

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |