यदि फ़ॉन्ट अनुपलब्ध है तो टेक्स्ट छिपाने का कोई तरीका है?

Question

मैं एक वेबिंग ग्लाइफ का उपयोग करने वाले सुन्दर-अपमानजनक कोड लिखना चाहता हूं। माना जाता है कि वेबिंग उन फ़ॉन्ट्स में से एक है जो universally available across platforms है, लेकिन मैं नहीं चाहता कि ब्राउज़र चरित्र को अपने डिफ़ॉल्ट फ़ॉन्ट में प्रदर्शित करे, अगर कुछ अजीब कारणों के लिए वेबिंग नहीं है।

क्या ऐसा करने का कोई तरीका है?

Answer 1

कॉपीराइट के बारे में हो सकता है, यदि आप इसे इस तरह से उपयोग करने के लिए सक्षम होने के लिए इस फ़ॉन्ट पर अधिकार होना चाहिए था रहे हैं मैं नहीं जानता कि ... जैसा कि मैंने एक में कहा टिप्पणी:

इसके बजाय, आपको फ़ॉलबैक फ़ॉन्ट एम्बेड करने के लिए @font-face का उपयोग करना चाहिए। टेक्स्ट को छिपाने से कहीं अधिक बेहतर है, और यह "सभी ब्राउज़र" में काम करता है।

मैं @font-face को संभालने के लिए Font Squirrel Generator का उपयोग करना पसंद करता हूं। यह बहुत आसान बनाता है।

Answer 2

केवल फ्लैश आपको यह पता लगाने की अनुमति देता है कि कंप्यूटर पर कौन से फोंट स्थापित हैं। फ्लैश में फ़ॉन्ट सूची कैसे प्राप्त करें और जावास्क्रिप्ट पर इस सूची को पास करने के लिए वहां एक ब्लॉग पोस्ट है। एक बार जब आप यह जावास्क्रिप्ट में है, इसे छिपाने के लिए आसान होना चाहिए/पाठ को दिखाने:

http://rel.me/2008/06/26/font-detection-with-javascript-and-flash/

Answer 3

आप jQuery के साथ कुछ इस तरह कर सकता है:

$('p').each(function(){ 
    var s = $(this).css('font-family'); 
    if(s != "verdana"){ 
     $(this).hide(); 
    }  
}); 

उदाहरण: http://jsfiddle.net/jasongennaro/GXjvK/

तो आप तत्व के लिए फ़ॉन्ट देखने के लिए जांचें। यदि यह वहां नहीं है, तो आप इसे छुपाते हैं।

Answer 4

जावास्क्रिप्ट में फ़ॉन्ट उपलब्धता के लिए परीक्षण करने का कोई मूल तरीका नहीं है।

हालांकि, lalit के रूप में एहसास हो गया है, "हर किरदार अलग फोंट में अलग तरह से प्रकट होता है, अलग अलग फोंट ही font-size के पात्रों में से एक ही स्ट्रिंग के लिए अलग अलग चौड़ाई और ऊंचाई पर ले जाएगा" के बाद से।

वह एक अच्छा लेख लिखा गया है, और कोड की एक सभ्य टुकड़ा बनाया सिर्फ इतना है कि ऐसा करने के लिए: http://www.lalit.org/lab/javascript-css-font-detect/

Answer 5

आप एक CSS3 संपत्ति इस्तेमाल कर सकते हैं जिसका अर्थ है कि सभी व्यक्तियों को एक CSS3 के संगत होने अपनी वेबसाइट पर फ़ॉन्ट के लिए वेब ब्राउजर "टेक्स्ट" को आपकी इच्छानुसार देखेगा।

@font-face { 
font-family: myFirstFont; /* in your case webdings */ 
src: url('Sansation_Light.ttf'), 
url('Sansation_Light.eot') format("opentype"); /* IE */ 
} 

मेरी केवल परवा अब