keluarga font css : Mengapa beberapa font tidak ditampilkan di ponsel

Adakah yang tahu mengapa beberapa jenis font saya tidak dapat ditampilkan di beberapa perangkat seluler? Berikut halaman yang menunjukkan font:

http://jl.evermight.com/font/

Font ditampilkan dengan benar di browser chrome desktop, ipad, dan iphone. Namun saat saya melihat halaman itu di galaxy note saya, font Have A Nice Day ditampilkan seperti arial. Di nexus 4 teman saya, Semoga harimu menyenangkan berfungsi dengan baik, tetapi alam semesta mengembun menjadi sesuatu yang terlihat seperti arial.

Adakah yang tahu alasannya?

Saya telah melampirkan tangkapan layar tentang tampilan fontmasukkan deskripsi gambar di sini

Catatan tambahan beberapa orang mengklaim semoga harimu menyenangkan tidak berfungsi di Firefox atau IE10. Bagi saya, font tersebut berfungsi di Firefox. Saya tidak punya IE10, jadi tidak dapat memverifikasi.

Bagaimana cara membuat font ini berfungsi di Android saya?

Catatan Tambahan Saya mengalami kesalahan pengetikan pada jalur tautan ke file css saya. Saya sudah memperbaikinya sekarang. Namun masalahnya masih muncul di browser droid saya.


css font-face font-family
person John    schedule 22.02.2013    source sumber
comment
juga tidak ditampilkan di Firefox. Mungkin ada hubungannya dengan format font yang didukung browser.   -  person Fabrício Matté    schedule 22.02.2013
comment
BTW itu berfungsi dengan baik di browser Chrome galaxy note saya. Apakah Anda mengalami masalah pada browser asli android atau browser yang mana?   -  person Fabrício Matté    schedule 22.02.2013
comment
itu benar, saya menggunakan browser droid asli.   -  person John    schedule 22.02.2013

Jawaban (4)


arrow_upward
0
arrow_downward

Baru saja mencoba tautan di ponsel saya - HTC 8s, semuanya tampak berfungsi dengan baik. Di bawah ini adalah tangkapan layar yang sama.

DI HTC 8S

masukkan deskripsi gambar di sini

PADA YAITU 10

masukkan deskripsi gambar di sini

person Yasser Shaikh    schedule 22.02.2013
comment
Hai Yasser, sebenarnya pada gambar Anda, dua font terakhir tidak berfungsi dengan benar. Bandingkan HAVEANICEDAY Anda dengan yang ada di pertanyaan saya. Anda mengalami masalah yang sama dengan catatan galaksi saya. - person John; 22.02.2013
comment
tapi kedua font yang sama juga tidak berfungsi di IE 10, jadi masih bukan masalah terkait seluler, ini masalah browser. (Telah menambahkan tangkapan layar dari IE) - person Yasser Shaikh; 22.02.2013
comment
Firefox dan IE (dan droid asli) tidak mendukung font tersebut karena alasan tertentu, saya yakin itu pertanyaan OP. - person Fabrício Matté; 22.02.2013
comment
@FabrícioMatté - jika demikian, apakah ada cara untuk membuatnya berfungsi di browser ini? - person John; 22.02.2013
comment
Oh aneh, saya sudah mengujinya di Firefox 18, 19 dan 22a dan tidak berhasil. Berpikir untuk mengonversi ulang file woff dan ttf, meskipun kemungkinan besar bukan itu masalahnya. Saya juga mempunyai file font yang tidak berfungsi di browser tertentu. - person Fabrício Matté; 22.02.2013
comment
Saya baru saja memperbaiki kesalahan pengetikan url yang mungkin menyebabkan masalah dengan firefox dan IE10. Jadi coba lagi di FF dan IE. Namun, browser Android masih menjadi masalah. - person John; 22.02.2013

arrow_upward
0
arrow_downward

Mungkin saja ini masalah pengunduhan. Font yang tercantum dalam deklarasi Anda harus berfungsi di sebagian besar browser (pastikan Anda tidak menggunakan Opera Mini, karena font tersebut tidak mendukung banyak hal).

Selain itu, Have a Nice Day dimuat melalui deklarasi @font-face dalam file CSS, namun deklarasi lainnya tampaknya dimuat dari JavaScript, yang mungkin merupakan bagian dari masalah. Droid Sans ada di ponsel Android secara default, jadi kemungkinan besar mereka hanya menggunakannya secara lokal, itulah sebabnya mereka berfungsi secara menyeluruh di Android. Dari sana, mungkin ada perbedaan dalam dukungan JavaScript (jika Universe tidak berfungsi, JS tidak diaktifkan, misalnya).

Hal lain yang mungkin bisa membantu adalah membuka alat pengembang di browser desktop yang tidak berfungsi (dalam kasus Firefox, Anda sebaiknya menggunakan ekstensi Firebug). Periksa tab "Net" atau "Jaringan" dan lihat apakah file font Anda diunduh.

Jika masih tidak berhasil, coba bermain-main dengan urutan file font dalam deklarasi. Saya telah melihat browser mempermasalahkan pesanan tersebut.

Selain itu, font Droid Serif tersedia dari Google Web Fonts, yang berfungsi lintas browser dengan sedikit kesulitan. Mungkin ada baiknya melihat apakah font Anda yang lain (atau yang serupa) juga ada di sana, dan cukup gunakan Web Font Loader Google untuk memuat font Anda.

person Shauna    schedule 22.02.2013

arrow_upward
0
arrow_downward

masalah telah diperbaiki. Rupanya ada bug di myfonts.com yang merusak file font saya. Saya menghubungi myfonts.com dan mereka segera memperbaiki masalahnya. Kemudian mengirimi saya kembali file fontnya. Sekarang semuanya bekerja dengan sempurna.

Orang-orang di myfonts.com luar biasa. Layanan dukungan pelanggan + teknis yang sangat baik.

person John    schedule 22.02.2013

arrow_upward
-1
arrow_downward

Di bawah ini adalah tautan ke cara saya melakukan @fontfaces untuk kompatibilitas lintas browser.

Fonface Lintas Browser

person Michael Merrill    schedule 22.02.2013
comment
Meskipun ini mungkin menjawab pertanyaan secara teknis atau tidak, Anda harus menuliskan penjelasan yang lebih baik dalam jawaban Anda. Tautan diketahui sudah mati, sehingga jawaban yang bergantung pada tautan mungkin menjadi tidak berguna di masa mendatang. - person Shauna; 22.02.2013