Html में अपना फॉन्ट कैसे सेट करें

विषयसूची:

Html में अपना फॉन्ट कैसे सेट करें
Html में अपना फॉन्ट कैसे सेट करें

वीडियो: Html में अपना फॉन्ट कैसे सेट करें

वीडियो: Html में अपना फॉन्ट कैसे सेट करें
वीडियो: 10: नए फ़ॉन्ट्स कैसे आयात करें | सीएसएस की मूल बातें | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल 2024, मई
Anonim

फ़ॉन्ट वेब डिज़ाइन का एक अभिन्न अंग है, जो साइट को एक विशिष्ट शैली प्रदान करता है। पृष्ठ पर उच्च-गुणवत्ता वाला पाठ सामंजस्यपूर्ण दिखना चाहिए, साइट के बाकी तत्वों के साथ जोड़ा जाना चाहिए और साथ ही जानकारी की बेहतर धारणा में योगदान करना चाहिए। HTML मार्कअप और CSS कैस्केडिंग टेबल का उपयोग करके, आप पृष्ठ प्रदर्शन को अधिकतम करने के लिए लगभग किसी भी सेटिंग को कस्टमाइज़ कर सकते हैं।

html में अपना फॉन्ट कैसे सेट करें
html में अपना फॉन्ट कैसे सेट करें

ज़रूरी

टीटीएफ प्रारूप में फ़ॉन्ट फ़ाइल।

निर्देश

चरण 1

अपने कंप्यूटर पर स्थापित फोंट के एक सेट का उपयोग करने के लिए, आप कैस्केडिंग स्टाइल शीट के फ़ॉन्ट-पारिवारिक पैरामीटर का उपयोग कर सकते हैं। ऐसा करने के लिए, वांछित आइटम के लिए निम्न कोड दर्ज करें:

मूलपाठ

यह कमांड एरियल टाइपफेस में दूसरे स्तर के h2 शीर्षक को प्रदर्शित करेगा।

चरण 2

यदि आप अपने स्वयं के फ़ॉन्ट का उपयोग करना चाहते हैं, तो आपको पहले इसे होस्टिंग पर अपलोड करना होगा और उपयुक्त कमांड का उपयोग करके इसे सक्षम करना होगा। TTF फ़ाइलें निम्न आदेश के साथ शामिल हैं:

इस मामले में फ़ॉन्ट-पारिवारिक विशेषता टाइपफेस का नाम निर्दिष्ट करती है, और src: url (font.ttf) TTF फ़ाइल का पथ निर्दिष्ट करती है।

चरण 3

तत्व को सक्षम करने के बाद, आप इसका उपयोग टेक्स्ट प्रदर्शित करने के लिए कर सकते हैं:

मूलपाठ

यह कमांड दूसरे स्तर के शीर्षक में इटैलिक में आवश्यक फ़ॉन्ट फ़ॉन्ट प्रदर्शित करने के लिए जिम्मेदार है। यदि उपयोगकर्ता का ब्राउज़र टीटीएफ फाइलों को संभालने का समर्थन नहीं करता है, तो पहले अल्पविराम (इस मामले में, वर्दाना) के बाद निर्दिष्ट सिस्टम फ़ॉन्ट का उपयोग किया जाएगा।

चरण 4

कुछ ब्राउज़र डाउनलोड करने योग्य TTF का समर्थन नहीं करते हैं। उदाहरण के लिए, इंटरनेट एक्सप्लोरर 8 टेक्स्ट प्रदर्शित करने के लिए ईओटी प्रारूप का उपयोग करता है। ऐसे ब्राउज़रों के लिए, कई सेवाओं का उपयोग करके मूल टीटीएफ को कनवर्ट करें और परिणामी टाइपफेस को उसी तरह @ फ़ॉन्ट-फेस पैरामीटर में शामिल करें।

चरण 5

यदि आप किसी अन्य संसाधन से आवश्यक फ़ाइल आयात करना चाहते हैं, तो @import कमांड का उपयोग करें, जिसे CSS दस्तावेज़ के शीर्ष पर लिखा जाना चाहिए:

@import url (https://font_address)

सिफारिश की: