Pourquoi les icônes Bootstrap se chargent-elles de manière incohérente localement et en ligne ?

Incohérences de chargement des icônes Bootstrap : local ou en ligne

Cette question explore pourquoi les icônes Bootstrap se chargent localement mais ne parviennent pas à le faire lorsque le site Web est hébergé en ligne. L'utilisateur présente un extrait HTML dans lequel un bouton avec une icône glyphicon Bootstrap s'affiche correctement localement mais apparaît avec un préfixe incorrect lorsqu'il est déployé sur Windows Azure.

Une enquête révèle que le problème provient des différents chemins de fichiers tentés par le navigateur. à partir duquel charger l'icône. Localement, il charge correctement le fichier depuis /Content/fonts/glyphicons-halflings-regular.woff, en ligne, il essaie de le charger depuis /fonts/glyphicons-halflings-regular.woff.

Pour résoudre ce problème , l'utilisateur note qu'il utilise des fichiers Bootstrap standard et une configuration de site Web identique pour les environnements locaux et en ligne. Ils fournissent également leur code de regroupement CSS et leur structure de fichiers.

La solution au problème émerge d'un problème similaire rencontré avec MetroUI. On découvre que le regroupement des fichiers CSS peut perturber le mécanisme de chargement des polices dans Windows Azure.

Plus précisément, le nom du bundle d'origine faisait référence au répertoire /fonts à la racine de l'application, qui n'existait pas après le regroupement. La modification du nom du bundle pour refléter avec précision la structure du fichier a corrigé le problème, garantissant que le navigateur chargeait les polices à partir du bon emplacement, à la fois localement et en ligne.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!