2012-12-17 21 views
8

मैं टंबलर थीम विकसित कर रहा हूं, और मेरे पास सभी ब्राउज़रों में मौजूद फ़ॉन्ट का उपयोग करना चाहता हूं। चूंकि फ़ायरफ़ॉक्स सीएसएस फोंट के लिए अन्य डोमेन के लिए http अनुरोधों की अनुमति नहीं देता है, तो फिलहाल फ़ॉन्ट फ़ायरफ़ॉक्स में काम नहीं करता है, लेकिन मानक @ फ़ॉन्ट-फेस सिंटैक्स का उपयोग करके अन्य सभी ब्राउज़रों में काम करता है।फ़ायरफ़ॉक्स पर टंबलर के लिए बेस 64 फ़ॉन्ट एन्कोडिंग

क्या कुछ लोगों ने सीएसएस फ़ाइल में सीधे फ़ॉन्ट को एन्कोड करने के लिए बेस 64 का उपयोग करने के लिए सुझाव दिया और सुझाव दिया। अब ऐसा करने की कोशिश कर रहा है लेकिन यह काम नहीं कर रहा है। मैंने पहले कभी इस तकनीक का उपयोग नहीं किया है, इसलिए मुझे कुछ याद आ रहा है। मैं tumblr विषय से स्टाइलशीट से लिंक कर रहा हूं, और फ़ॉन्ट-परिवार को असाइन कर रहा हूं: futura कुछ तत्वों के लिए बोल्ड।

@font-face { 
    font-family: “futuraBold”; 
    src: url(“data:font/opentype;base64,BASE64CODE”); 
} 

मैं बेस 64 एनकोडर यहां इस्तेमाल किया: http://www.opinionatedgeek.com/dotnet/tools/base64encode/

और एक .otf फ़ॉन्ट फ़ाइल अपलोड की गई

यहाँ स्टाइलशीट लग रहा है की तरह है।

क्या मुझे कुछ याद आ रही है?

+2

मेरे सुझाव कोशिश विशेषज्ञ मोड में [फ़ॉन्ट गिलहरी] (http://www.fontsquirrel.com/fontface/generator) और चयन करने के लिए है बेस 64 एन्कोड। फिर, देखें कि यह काम नहीं कर रहा है या नहीं। – Ally

+0

उदाहरण के लिए, मैंने ओस्वाल्ड की कोशिश की और यहां एन्कोडेड स्ट्रिंग की शुरुआत है जो उसने मुझे दिया: 'src: url (डेटा: एप्लिकेशन/एक्स-फ़ॉन्ट-वाफ; charset = utf-8; base64, ...' – Ally

+0

क्या आप वास्तव में आपकी स्टाइल शीट में उन फैंसी कोट्स ('" ') हैं? आपको उन्हें सामान्य डबल कोट्स (' "') के साथ बदलना चाहिए। –

उत्तर

2

यह सब सही है कि आपको लगता है कि आपको लगता है कि आपको किसी भी उद्धरण, सिंगल या डबल की आवश्यकता नहीं है। यह सिर्फ इस तरह जाना चाहिए:

@font-face { 
    font-family: futuraBold; 
    src: url(data:font/opentype;base64,BASE64CODE); 
} 

आशा इस मदद की