Mengapa Ikon Bootstrap Saya Tidak Dipaparkan Dalam Talian?

Tidak Dapat Mengakses Ikon Bootstrap Dalam Talian

Menghadapi isu pelik di mana ikon Bootstrap dipaparkan dengan betul secara setempat tetapi tidak apabila tapak web diakses dalam talian? Ini boleh dikesan kembali kepada isu tentang cara pelayar cuba mengakses fon.

Secara tempatan, penyemak imbas tahu untuk mencari Content/fonts/glyphicons-halflings-regular.woff untuk memuatkan fon ikon. Walau bagaimanapun, apabila tapak web dimuatkan dalam talian, ia cuba mengakses fon di /fonts/glyphicons-halflings-regular.woff.

Untuk menyelesaikan isu ini, pertimbangkan untuk melaraskan konfigurasi berkas anda. Khususnya, pastikan nama himpunan termasuk awalan "Kandungan".

Konfigurasi Himpunan Terlaras

Sebagai contoh, jika struktur fail tapak web disusun seperti berikut:

Kandungan/

bootstrap/
    bootstrap.css
    fonts/
        glyphicons-halflings-regular.woff

Konfigurasi berkas hendaklah menyerupai:

bundles.Add(new StyleBundle("~/Content/bootstrapcss").Include(
                "~/Content/bootstrap/bootstrap.css"));

Dengan memasukkan awalan "Kandungan" dalam nama himpunan, anda secara jelas mengarahkan penyemak imbas untuk mencari fail yang digabungkan dalam direktori yang sepadan. Ini memastikan penyemak imbas boleh mengesan dan memaparkan ikon Bootstrap dengan tepat, tidak kira sama ada tapak web itu diakses secara setempat atau dalam talian.

Atas ialah kandungan terperinci Mengapa Ikon Bootstrap Saya Tidak Dipaparkan Dalam Talian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!