2015-06-02 17 views
7

Sto facendo un'applicazione in PhoneGap usando lo stile del carattere personalizzato. Lo stile del carattere sta prendendo nel browser, ma non nel telefono Android.PhoneGap: il carattere personalizzato non funziona

<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> 

Ho controllato il percorso del carattere, è corretto anche controllare la console nel browser. Non c'è nessun errore che ho trovato.

Grazie in anticipo

+0

Possibile soluzione: http://stackoverflow.com/questions/12454681/custom-fonts-in-android-phonegap –

+0

ho provato il legame che si parla, ma la sua non lavorano @ Mark Veenstra –

risposta

2

Puoi provare percorso relativo dalla cartella principale, vale a dire invece di:

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

provare

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

presumendo font è una cartella allo stesso livello come la vostra file .html nella cartella www.

saluti,

+1

Come posso accedere dalla cartella principale, non abbiamo accesso per la cartella radice @Palvinder –

+0

Lo stile che hai mostrato sopra nel file html o nel file css separato? Se è nel tuo file html e presumo che il file html sia nella root della cartella del tuo progetto, insieme a una cartella di font, quindi cambiando i percorsi in modo che puntino a /fonts/cooperblackstd.eot ecc (guardando il leading /) ti assicurerà aver fatto riferimento a loro correttamente Inoltre ho avuto un problema simile in un'app in cui l'aggiunta di **/** sembrava risolvere i collegamenti interrotti a un'immagine impostata tramite javascript in un'app ibrida per Android (ma funziona bene sul mio desktop locale). – Palvinder

+0

Per favore, votami per poter aggiungere un'immagine. –

Problemi correlati