मैं वेबसाइट पर कस्टम फोंट का उपयोग कैसे कर सकता हूं?

Question

मेरी वेबसाइट को अच्छे दिखने के लिए मुझे एक कस्टम फ़ॉन्ट, विशेष रूप से, Thonburi-Bold का उपयोग करने की आवश्यकता है। समस्या यह है कि जब तक उपयोगकर्ता ने इसे इंस्टॉल नहीं किया है तब तक फ़ॉन्ट प्रदर्शित नहीं होता है। यह फ़ायरफ़ॉक्स में भी प्रदर्शित नहीं होता है।

क्या इस समस्या का कोई समाधान है?

Answer 1

सीएसएस आपको अपनी वेबसाइट पर कस्टम फ़ॉन्ट्स, डाउनलोड करने योग्य फोंट का उपयोग करने देता है। आप अपनी वरीयता का फ़ॉन्ट डाउनलोड कर सकते हैं, मान लें कि myfont.ttf, और इसे अपने रिमोट सर्वर पर अपलोड करें जहां आपका ब्लॉग या वेबसाइट होस्ट की गई है।

@font-face { 
    font-family: myfont; 
    src: url('myfont.ttf'); 
} 

Answer 2

पहले, आप अपने फॉन्ट या तो एक .otf या .ttf के रूप में कहीं न कहीं अपने सर्वर पर डाल दिया होगा। , आप सीएसएस फ़ाइल है कि आप में अपने फ़ॉन्ट परिवार घोषित करने के लिए अपने दस्तावेज़ लिंक करते हैं तो

@font-face { 
    font-family: MyFont; 
    src: url('pathway/myfont.otf'); 
    } 

आप किसी भी अन्य फ़ॉन्ट की तरह है कि फ़ॉन्ट का उपयोग कर सकते हैं:

तो इस तरह नई फ़ॉन्ट परिवार घोषित करने के लिए सीएसएस का उपयोग ।

Answer 3

आप, CSS3 font-face या वेबफ़ॉन्ट

@ फॉन्ट-फेस उपयोग

@font-face { 
    font-family: Delicious; 
    src: url('Delicious-Roman.otf'); 
} 

वेबफ़ॉन्ट

गूगल वेबफ़ॉन्ट पर एक नज़र डालें उपयोग कर सकते हैं http://www.google.com/webfonts

Answer 4

हाँ, एक रास्ता है इसे सीएसएस में कस्टम फोंट कहा जाता है। आपके सीएसएस को संशोधित करने की जरूरत है, और आपको उन फ़ॉन्ट्स को अपनी वेबसाइट पर अपलोड करने की आवश्यकता है।

सीएसएस इस के लिए आवश्यक है:

@font-face { 
    font-family: Thonburi-Bold; 
    src: url('pathway/Thonburi-Bold.otf'); 
} 

Answer 5

आप इस तरह अपने स्टाइलशीट में फ़ॉन्ट आयात करने के लिए है:

@font-face{ 
    font-family: "Thonburi-Bold"; 
    src: url('Thonburi-Bold.ttf'), 
    url('Thonburi-Bold.eot'); /* IE */ 
}