Mengapa Ikon Bootstrap Memuatkan Tidak Konsisten Secara Tempatan berbanding Dalam Talian?

Ketidakkonsistenan Memuatkan Ikon Bootstrap: Setempat lwn. Dalam Talian

Soalan ini meneroka sebab ikon Bootstrap dimuatkan secara setempat tetapi gagal berbuat demikian apabila tapak web itu dihoskan dalam talian. Pengguna membentangkan coretan HTML di mana butang dengan ikon glyphicon Bootstrap dipaparkan dengan betul secara setempat tetapi muncul dengan awalan yang salah apabila digunakan pada Windows Azure.

Siasatan mendedahkan bahawa isu itu berpunca daripada laluan fail berbeza yang cuba disemak imbas. untuk memuatkan ikon daripada. Secara setempat, ia memuatkan fail dengan betul dari /Content/fonts/glyphicons-halflings-regular.woff, semasa dalam talian, ia cuba memuatkannya daripada /fonts/glyphicons-halflings-regular.woff.

Untuk menyelesaikan masalah ini , pengguna menyatakan bahawa mereka menggunakan fail Bootstrap standard dan konfigurasi tapak web yang sama untuk kedua-dua persekitaran tempatan dan dalam talian. Mereka juga menyediakan kod penggabungan CSS dan struktur fail mereka.

Penyelesaian masalah itu muncul daripada isu serupa yang dihadapi dengan MetroUI. Adalah didapati bahawa penggabungan fail CSS boleh mengganggu mekanisme pemuatan fon dalam Windows Azure.

Secara khusus, nama himpunan asal merujuk direktori /fonts pada akar aplikasi, yang tidak wujud selepas penggabungan. Menukar nama himpunan untuk menggambarkan struktur fail dengan tepat membetulkan isu itu, memastikan penyemak imbas memuatkan fon dari lokasi yang betul secara tempatan dan dalam talian.

Atas ialah kandungan terperinci Mengapa Ikon Bootstrap Memuatkan Tidak Konsisten Secara Tempatan berbanding Dalam Talian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!