2015-06-02 30 views
7

Özel yazı tipi stili kullanarak PhoneGap uygulamasında bir uygulama yapıyorum. Yazı tipi stili tarayıcıda çekiliyor, ancak Android telefona girmiyor.Phonegap: Özel font çalışmıyor

<style>  
@font-face { 
     font-family: 'CooperStd'; 
     src: url('fonts/cooperblackstd.eot'); 
     src: url('fonts/cooperblackstd.eot?#iefix') format('embedded-opentype'), 
      url('fonts/cooperblackstd.woff') format('woff'), 
      url('fonts/cooperblackstd.ttf') format('truetype'), 
      url('fonts/cooperblackstd.svg#CooperBlackStd') format('svg'); 
     font-weight: 900; 
     font-style: normal; 
    } 


body{font-family:'CooperStd' , arial ; } 

</style> 

Yazı tipi yolunu kontrol ettim, ayrıca tarayıcıdaki konsolu da kontrol et. Bulduğum bir hata yok.

sayesinde önceden

+0

Olası çözüm: http://stackoverflow.com/questions/12454681/custom-fonts-in-android-phonegap –

+0

Sana söz linki çalıştı, ama Mark Veenstra –

cevap

2

sen yani yerine, kök klasörden göreli yolu deneyebilir miyim:

src: url('fonts/cooperblackstd.eot'); 

src: url('/fonts/cooperblackstd.eot'); 

fontları presuming aynı seviyede bir klasördür denemek senin www klasörünün altında .html dosyası.

Selamlar,

+1

@ çalışmıyor onun root klasöründen nasıl erişebilirim, root klasörüne erişimimiz yok @Palvinder –

+0

Yukarıda gösterilen stil html dosyasında mı yoksa ayrı css dosyasında mı? Eğer html dosyanızda varsa ve html dosyasının proje klasörünüzün kökünde olduğunu varsayalım, bir font klasörüyle birlikte /fonts/cooperblackstd.eot işaretine giden yolları değiştirerek (baştaki/bakarak bakarak) Onları doğru bir şekilde referans almışlardır. Ayrıca ben app ekleme **/** bir hibrid android app javascript aracılığıyla bir görüntü kümesine kırık bağlantılar düzeltmek için görünüyordu (ama benim yerel masaüstünde iyi çalışıyor) bir uygulamada benzer bir sorun vardı. – Palvinder

+0

Lütfen resim ekleyebilmem için bana oy verin. –