Cdnjs: Font Awesome tidak berfungsi di Firefox (kemungkinan perbaikan ditemukan)

Saya mencoba ini dan menguji dari file mentah cabang saya, tetapi entah bagaimana itu tidak berhasil. Dan semua font saya sekarang menunjukkan kotak. Sudahkah Anda mencoba ini?

https://github.com/bfintal/cdnjs/blob/font-awesome-ff-patch/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

Mungkin menambahkan ini ke server cdnjs juga akan membuatnya berfungsi: http://www.wpthemehelp.com/knowledgebase/font-icons-not-working/

Hai Jami,
Terimakasih atas infonya. Kami akan menyelidikinya :)

Pada Kam, 10 Jan 2013 jam 22:22, Jami [email protected] :

Mungkin menambahkan ini ke server cdnjs juga akan membuatnya berfungsi:
http://www.wpthemehelp.com/knowledgebase/font-icons-not-working/

—
Balas email ini secara langsung atau lihat di Gi tHubhttps://github.com/cdnjs/cdnjs/issues/755#issuecomment -12092131.

Saya melakukan beberapa tes dan saya menemukan perbaikan.

Konsol pengembang FF menunjukkan ini saat memuat font awsome css:

[09:29:21.785] downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/font/fontawesome-webfont.woff @ http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

Server harus memberikan header yang tepat untuk mengizinkan akses (dapatkan ini dari: https://github.com/netdna/bootstrap-cdn/issues/27):

<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Ini _harus_ memperbaiki masalah. Jika masih tidak, maka URL untuk file font di CSS juga harus diubah menjadi relative

@bfintal Informasinya luar biasa sobat, terima kasih banyak.

@bfintal Terima kasih kepada orang-orang hebat di CloudFlare, ini akan baik-baik saja :)

Cobalah menyegarkan cache dan pengujian Anda. Beri tahu saya bagaimana kelanjutannya.

Bagus itu bekerja sekarang! (kemungkinan besar untuk IE juga). Terima kasih Ryan dan ClourFlare! :)

Terima kasih teman-teman. Bekerja memperlakukan.

Memasuki jalur absolut memecahkan masalah ini untuk saya. Terima kasih!

Yah mereka adalah salah satu contoh htacess resmi yang disediakan oleh maxcdn, ia memiliki solusi untuk font yang mengagumkan dan juga untuk kecepatan terkait masalah. http://support.netdna.com/tutorials/htaccess-examples/ atau lihat panduan ini http://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/

Tapi saya tidak tahu apakah itu akan berhasil saat menggunakan cloudflare.

Terima kasih kepada @terinjokes kami sekarang memiliki dukungan CORS!

Terima kasih atas penjelasan yang bagus tentang font yang luar biasa - perbaikan masalah mozilla.
Saya menemukan artikel yang bermanfaat ini juga ...
http://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/
Lihat...

Di folder fonts, silakan unggah file-file berikut:

FontMengagumkan.otf
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
------------------ File glyphicon penting----------------
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-reguler.ttf
glyphicons-halflings-regular.woff

Silakan unggah file berikut dan setelah itu Anda menautkan font-awesome.min.css Anda di file header Anda.

Berikut ini tautan berikut dengan file yang tepat:
http://goo.gl/WICQAf

Halo semua.
Saya telah menemukan font yang luar biasa tidak berfungsi di FF.
Bisakah Anda membantu saya bagaimana saya harus melakukannya?

@blueror815 jika tidak ada info detail, bagaimana kami dapat membantu Anda?

Terima kasih semua yang berkontribusi!!! Ini memperbaikinya untuk saya dengan menambahkan ke file .hta.

Set header Access-Control-Allow-Origin "*"

:+1: Bagus

@Subhojit1992 Terima kasih, ini berhasil. Saya telah mengunduh css & font dari tautan yang diberikan. Ini berfungsi dengan baik sekarang :+1:

CDNJS telah menyajikan file font Font Awesome dengan Access-Control-Allow-Origin "*" untuk sementara waktu sekarang. Saya dapat melihat kasus-kasus tertentu jika rincian lebih lanjut diberikan.

Saya mengalami bug yang sama dengan Firefox (berfungsi dengan baik di semua browser lain). Ikon FontAwesome ditampilkan sebagai kotak persegi panjang dengan kode karakter unicode di dalamnya.

Bug tidak lagi terkait dengan CDNJS dan sekarang menjadi masalah di Firefox. File FontAwesome (css dan woff) dimuat dari CDN dengan baik dengan 200 OK.

Masalah ini disebabkan oleh Firefox tidak menampilkan Unicode dengan benar ketika karakter unicode yang tidak biasa seperti dimasukkan langsung ke dalam markup. Ini berfungsi saat Anda menggunakan elemen dan konten semu, misalnya:

yourelement::before {
    content: '\f067';
    font-family: FontAwesome;
}

@J3QQ4 Terima kasih atas laporan Anda!

@Subhojit1992 Terima kasih banyak .. dengan solusi Anda, saya menyelesaikan masalah ini ..

Adakah yang bisa memberi tahu saya apa yang harus dilakukan karena font khusus saya tidak berfungsi di FF bahkan di html lokal saya, menunjukkan kesalahan yang sama "font yang dapat diunduh: unduhan gagal (font-family: "gotham_lightregular" gaya: berat normal: peregangan normal: normal indeks src:1): URI buruk atau akses lintas situs tidak diizinkan sumber:" Saya bahkan tidak dapat menerapkan kode .htaccess di sini.

@thakurpunk maaf atas jawaban yang terlambat, tolong beri kami url yang bermasalah (beberapa contoh)?

Bekerja seperti pesona!
Masalah Terpecahkan Banyak terima kasih :)
Menambahkan ini ke file .htaccess menyelesaikannya>

Set header Access-Control-Allow-Origin "*"

Hai teman!
salin formulir HTML di halaman ini ke index.html Anda :
https://www.bootstrapcdn.com/fontawesome/
semoga berhasil :)