2011-04-17 11 views
14

क्या फ़ोनगैप वेब फोंट का समर्थन करता है, और यदि ऐसा है तो आप उनका उपयोग कैसे करते हैं। मैं वर्तमान में मेरे पेज में इस कोड को मिल गया है, लेकिन यह काम नहीं करता है जब एमुलेटर में लोड (एक Android एप्लिकेशन के अंदर, मैं ब्राउज़र के माध्यम से पेज लोड हो रहा है की कोशिश की नहीं है) ...फोनगैप और एंड्रॉइड के साथ काम करने के लिए वेब फोंट प्राप्त करना - कैसे?

@font-face { 
    font-family: 'HelveticrapRegular'; 
    src: url('fonts/helveticrap-webfont.eot'); 
    src: url('fonts/helveticrap-webfont.woff') format('woff'), url('fonts/helveticrap-webfont.ttf') format('truetype'), url('fonts/helveticrap-webfont.svg#webfontHlJ0Jib3') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
body { 
    font-family: "HelveticrapRegular", "Helvetica", "Arial", "sans serif"; 
} 

जब मैं अपने पेज को फ़ायरफ़ॉक्स में लोड करता हूं, तो यह काम करता है, इसलिए मुझे यकीन नहीं है कि मैं क्या गलत कर रहा हूं।

यह कहना कि फॉन्ट सीएसएस fontsquirrel द्वारा

धन्यवाद जनरेट किया गया था :) योएल

उत्तर

5

मुझे कोई समस्या नहीं PhoneGap वेब फोंट पहचान करने के लिए हो रही लिया है मदद मिल सकती है। यदि वेबकिट ऐसा करेगा तो एंड्रॉइड और आईओएस इसे करेगा। एक परियोजना में मैं पर काम कर रहा हूँ, वर्तमान में केवल एंड्रॉयड पर परीक्षण किया: फिर एक शैली के रूप में

font-family:MyFont, arial, sans-serif; 
1

वेबफ़ॉन्ट

@font-face{ 
font-family: MyFont; 
src: url('../fonts/my_font.ttf') format('truetype'); 
src: url('../fonts/my_font.otf') format('opentype'); 

एंड्रॉयड 2.1 में टूट रहे हैं, यह एक ज्ञात बग दुर्भाग्य है,।

+0

@AdonisK। एंड्रॉइड 4.1 पर वेब फोंट ठीक काम करते हैं। मेरे पास 4.1 डिवाइस (गैलेक्सी नोट 2) है और इसे नियमित रूप से विकास के लिए उपयोग करें, जिसमें मैं नियमित आधार पर वेबफोंट का उपयोग करता हूं। –

+0

यह एक दूरस्थ यूआरएल मुद्दा –

8

मुझे वफ़ प्रारूप में एक कस्टम फ़ॉन्ट का उपयोग करने में समस्या थी। तब मैंने इसे वफ़ से टीटीएफ में परिवर्तित कर दिया और यह मेरे एंड्रॉइड डिवाइस पर काम किया। तो Woff प्रारूप का उपयोग करने में कोई समस्या हो सकती है।

तो, .woff से .ttf में रूपांतरण समस्या को हल कर सकता है।

+1

था इस दृष्टिकोण ने मेरे लिए काम किया। मैंने इस टूल को कन्वर्ट करने के लिए इस्तेमाल किया: http://orionevent.comxa.com/ –

+1

यह मेरे लिए भी काम करता है – Lucas

+0

बूम !!! मेरे लिए काम किया, अन्य सभी चीजें कुछ भी नहीं बदला! –

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

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