मैं phantomjs

Question

के साथ Google वेब फोंट का उपयोग कैसे कर सकता हूं मैं phantomjs संस्करण 1.9.7 का उपयोग कर रहा हूं जो मुझे विश्वास है कि वेब फोंट का समर्थन करना है। मैंने Google वेब फोंट के साथ फ़ॉन्ट डाला है, हालांकि जब मैं एक स्क्रैरेग्राब स्वचालित करता हूं तो यह सिर्फ मेरे फॉलबैक फ़ॉन्ट को प्रदर्शित करता है। वेबफॉन्ट मेरे सभी ब्राउज़रों में ठीक दिख रहा है। क्या इसके लिए कोई कामकाज है?

Answer 1

मैंने कई बार इस मुद्दे के साथ संघर्ष किया है। खैर, इस विवाद के लिए एक आसान कारण है: उपयोगकर्ता-एजेंट!

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

हालांकि, यदि आप कस्टम उपयोगकर्ता एजेंट (क्रोम, एफएफ, आदि) सेट करते हैं, तो Google फ़ॉन्ट .woff2 संस्करण वापस कर देगा। .woff2 फ़ैंटॉमजेएस 2.x में समर्थित नहीं है। जाहिर है, फोंट लोड नहीं होने जा रहे हैं।

तो, उन उपयोगकर्ताओं के लिए जो सामान्य उपयोगकर्ता-एजेंट सेट किए बिना फ़ैंटॉमजे का परीक्षण कर रहे हैं, Google फ़ॉन्ट्स काम कर रहा है। यदि वे उदाहरण के लिए Google क्रोम उपयोगकर्ता-एजेंट सेट करते हैं, तो यह काम नहीं करता है।

1. से बचें एक कस्टम उपयोगकर्ता-एजेंट की स्थापना करता है, तो यह संभव है:

   तो, आप दो विकल्प हैं।

2. Google फ़ॉन्ट्स जैसे गूंगा-स्मार्ट फ़ॉन्ट प्रदाताओं का उपयोग करने से बचें जो सीएसएस में सभी फ़ॉन्ट संस्करणों को आउटपुट नहीं कर रहा है और ब्राउजर को यह तय करने दें कि इसकी क्या ज़रूरत है।

Answer 2

मुझे विश्वास है कि आपकी धारणा गलत है :-) प्रेत की 1.9.x श्रृंखला अभी भी पुराने वेबकिट कोड पर आधारित है, जो लोग सभी के साथ वेब फ़ॉन्ट समस्याओं की रिपोर्ट कर रहे हैं।

अच्छी खबर यह है कि प्रेत 2.0 का तकनीकी पूर्वावलोकन जारी होने वाला है; https://github.com/ariya/phantomjs/wiki/PhantomJS-2 का पालन करने के लिए सबसे अच्छी जगह होने का इरादा है। और, स्मृति से, किसी ने इसका उपयोग कर वेब फोंट के साथ सफलता की सूचना दी (लेकिन मुझे उस पर गलत हो सकता है क्योंकि मेलिंग सूची अभिलेखागार की त्वरित खोज ने वेब फोंट का काम करते हुए एक निश्चित संदेश नहीं दिया ... लेकिन वे निश्चित रूप से चाहिए)।

बीटीडब्ल्यू, SlimerJS फ़ायरफ़ॉक्स के गेको इंजन के आधार पर लगभग ड्रॉप-इन प्रतिस्थापन है, और वेब फोंट का समर्थन करता है (हालांकि कोने के मामलों में कुछ समस्याएं, आईआईआरसी)।

Answer 3

मुझे फ़ैंटॉमजेएस 2.1.1 के साथ एक ही समस्या थी। मेरे मामले में मैं प्रॉक्सी के तहत काम कर रहा था जो फ़ैंटॉमजेएस को Google से फ़ॉन्ट लोड करने से रोक रहा था। एक खुले नेटवर्क से कनेक्ट करने के बाद यह सही ढंग से प्रस्तुत किया गया।

Answer 4

मैंने यहां सूचीबद्ध सभी सुधारों का कोई फायदा नहीं लिया, लेकिन यहां एक काम है। किसी भी विकल्प ने मेरे लिए यह हल किया।

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

दूसरा: मैं जिन साइटों पर नियंत्रण रखता हूं, मैं लिंक टैग को विभाजित करके हल करने में सक्षम था।

यह बदलें:

<link href='//fonts.googleapis.com/css?family=Roboto:400,500,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'> 

करने के लिए:

<link href='//fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'> 
<link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'> 

मैं जानता हूँ कि यह एक आदर्श समाधान लेकिन या तो एक काम करता है नहीं है, यह इस पर निर्भर करता आप लक्ष्य को संशोधित कर सकते हैं अगर यूआरएल।