2010-08-30 8 views

उत्तर

13

प्रारंभ करने के लिए, आप यह जांचना चाहेंगे कि ग्राहक पर कौन से फ़ॉन्ट इंस्टॉल किए गए हैं। http://www.lalit.org/lab/javascript-css-font-detect

पर आपको पढ़ने के लिए फ़ॉन्ट्स की अपनी सूची की आवश्यकता है, तो आपके पास प्रत्येक सूची को स्थापित करने के लिए प्रत्येक सूची को चेक करके स्थापित फ़ॉन्ट्स की एक सरणी है।

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

2

ऐसा कोई तरीका नहीं है जिसके बारे में मुझे पता है। सी ++ और पायथन जैसी भाषाओं में सिस्टम एपीआई हैं जो स्थापित फोंट वापस कर देंगे, और आप निश्चित रूप से उच्च स्तर की भाषा में बैकएंड लिख सकते हैं जो प्राप्त/पोस्ट अनुरोधों (वैकल्पिक रूप से) AJAX का उपयोग करके जावास्क्रिप्ट फ्रंट एंड के साथ संचार करता है, लेकिन आप ' केवल जावास्क्रिप्ट के साथ स्थापित फ़ॉन्ट्स नहीं जा रहे हैं।

4

जावास्क्रिप्ट ब्राउज़र के अंदर सैंडबॉक्स किया गया है और सुरक्षा कारणों से क्लाइंट डिस्क से पढ़ने के लिए विशेषाधिकार नहीं हैं।

हालांकि लोगों ने http://www.lalit.org/lab/javascript-css-font-detect या http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/ जैसे कुछ कामकाज करने की कोशिश की।

2

इस कोड IE

के लिए
<html> 
<head> 
    <script type="text/javascript"> 
    <!-- 
     function getFonts() { 

      // get list of fonts, and sort alphabetically 
      var allFonts = []; 
      for (var loop = 1; loop < dlgHelper.fonts.count + 1; loop++) allFonts[loop - 1] = dlgHelper.fonts(loop); 
      allFonts.sort(); 

      // create output list, and include samples of each font 
      var outputStr = ''; 
      var fontTestString = 'ABC abc 123'; 
      for (var loop = 0; loop < allFonts.length; loop++) { 
       outputStr += '<span style="font-family: ' + allFonts[loop] + ';">' + allFonts[loop] + '</span><br />\n'; 
      } 
      document.getElementById('fontList').innerHTML = outputStr; 
     } 
    //--> 
    </script> 
</head> 
<body onload="getFonts();"> 
    <object id="dlgHelper" classid="clsid:3050F819-98B5-11CF-BB82-00AA00BDCE0B" width="0px" 
     height="0px"> 
    </object> 
    <div id="fontList"> 
    </div> 
</body> 
</html> 
काम करता है
संबंधित मुद्दे

 संबंधित मुद्दे