Básicamente tengo el siguiente código HTML:

<button class="disabled btn-primary btn" type="submit" disabled="">
   <i class="glyphicon glyphicon-ban-circle"></i>
   Log in
</button>

Localmente el icono se muestra bien en el botón, pero cuando ejecuto en Windows Azure me sale el siguiente botón con un extraño aspecto prefijo en lugar del icono:

Bootstrap iconos se cargan de forma local, pero no cuando en línea
Sobre esto, me di cuenta de que al acceder a mi sitio web localmente en el navegador intentará cargar el archivo:
/Content/fonts/glyphicons-halflings-regular.woff (que lo hizo correctamente)
mientras que cuando en línea (en azure) que intentaría carga en:
/fonts/glyphicons-halflings-regular.woff

¿Por qué no poner el Contenido /prefijo que se hace localmente.

Estoy usando el estándar bootstrap archivos y es exactamente la misma sitios web que se ejecutan localmente y en línea.

También estoy a la agrupación el contenido de la siguiente manera:

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

Y el archivo de estructura es la siguiente:

Bootstrap iconos se cargan de forma local, pero no cuando en línea

También bootstrap está buscando los archivos como este:

url('../fonts/glyphicons-halflings-regular.woff') 

Así que yo supongo que se vería en la carpeta de Contenido y no de la raíz, ya que en la actualidad reside en el Contenido de/bootstrapcss carpeta.

  • ¿Has probado modifica los archivos css a punto para la correcta imágenes? Su servidor va a diferir con respecto a la sintaxis requerida en comparación con un entorno local. ¿Cuál es la estructura de carpetas en el servidor?
  • Estás liando archivos css por casualidad?
  • También he intentado añadir la carpeta «fuentes» de la raíz y funciona ahora. Sin embargo, ahora la carpeta «fuentes» es ambos situados en la raíz y en el contenido. ¿Cómo puedo eliminar una carpeta de azure? He quitado la carpeta de mi proyecto de visual studio y publicado, pero está todavía en Azure.
  • Sí, yo soy
InformationsquelleAutor Jordan Axe | 2013-10-29

5 Comentarios

  1. 13

    Recientemente hemos tenido problema similar (a pesar de que estábamos usando metroUIhttp://metroui.org.ua/). Esencialmente resultó fuimos agrupando los archivos css y debido a que cuando instalamos la aplicación en Windows Azure, ninguna de las fuentes se han cargado.

    En nuestro caso, tuvimos la siguiente estructura de directorios:

    Bootstrap iconos se cargan de forma local, pero no cuando en línea

    y moderno.en css se referencia a fuentes como

    ../fonts/iconFont.eot

    y fuimos a la agrupación el archivo css como este:

    bundles.Add(new StyleBundle("~/Content/css").Include(
                    "~/Content/css/modern.css",
                    "~/Content/css/modern-responsive.css"));

    Debido a la combinación de servicios, la solicitud fue buscando fuentes en /fonts directorio en la raíz de la aplicación que, obviamente, no fue allí.

    Cortocircuito largo de la historia, nos terminamos de cambiar el nombre de lote:

    bundles.Add(new StyleBundle("~/Content/css/metroUI").Include(
                    "~/Content/css/modern.css",
                    "~/Content/css/modern-responsive.css"));

    Una vez que el paquete ha cambiado el nombre, las cosas empezaron a funcionar correctamente.

    • Lo que yo veo. He actualizado mi pregunta con info sobre mi paquete y ubicaciones de los archivos. Yo lo tengo como tu dices ya lo creo – que todavía tiene el problema sin embargo. Se hace referencia de la siguiente manera: ../fonts/glyphicons-halflings-regular.woff, Así que pensé que sería una carpeta, por ejemplo. a la carpeta de contenido y no a la carpeta raíz.
    • Pruebe a cambiar ~/Content/bootstrapcss a ~/Content/bootstrapcss/bootstrap y que debe hacer la diferencia. Esencialmente, cuando liado bootstrapcss se convierte en el nombre del archivo en Content carpeta en la raíz de la aplicación buscando Fonts carpeta. Si el archivo css es hacer referencia a las fuentes como ../fonts sube por encima de Content carpeta. La adición de otro nombre haría que el css para ir hasta Content carpeta y, a continuación, busque Fonts carpeta que se encuentre.
    • Ahh ya veo – muchas gracias! Que solucionado!
    • Gracias desde aquí también, solucionado mi problema. 🙂
    • Mi carpeta de fuentes está en la raíz, pero todavía tengo el mismo problema. ¿Qué debo hacer? Gracias de antemano.
    • Cambiar esto hizo que el css no se carga a nivel local..que esta resolución no me ayudan
    • Cambiar el nombre de lote obras!… en la publicación de directorios ahora veo el «Contenido» de la carpeta, y la aplicación funciona ok. Gracias

  2. 2

    Cambiar la ruta de acceso hace el trabajo, pero el ‘respondió a la pregunta’ se perdió uno de los puntos vitales.

    Si usted está usando _Layout.cshtml que hace referencia el paquete, este dejará de funcionar a nivel local y en Azure.

    Que usted necesita para actualizar el _Layout.cshtml página también!

    Así que si usted cambia tu haces la ruta de Content/css a Scripts/css entonces usted necesita para cambiar _Layout.cshtml a @Styles.Render("~/Scripts/css") respetively.

  3. 1

    Encontrado con este error con ASP.NET Core 2.0 MVC aplicación web al publicar en Azure Servicio Web.

    Yo tenía mis hojas de estilo en el código siguiente.

     <environment include="Development">
            <link href="https://fonts.googleapis.com/css?family=Coda" rel="stylesheet">
            <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-blue.min.css" />
            <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
            <link rel="stylesheet" href="~/css/site.css" />
     </environment>

    Simplemente copiar y pegar los enlaces en cualquier entorno, además de Desarrollo trabajó

    <environment exclude="Development">
      <link href="https://fonts.googleapis.com/css?family=Coda" rel="stylesheet">
      <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-blue.min.css" />
      <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
      <link rel="stylesheet" href="~/css/site.css" />
      <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css" asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css" asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute"
      />
      <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
    </environment>
  4. 0

    Si usted ha descargado un theme.zip o theme.rar que incluye el bootstrap iconos, antes de extraer hacer esto:

    • clic derecho en el paquete comprimido
    • marque la casilla de «desbloquear» si es visible
  5. 0

    Para los iconos de trabajo tuve que establecer los permisos de la carpeta a «todos = leer» en la carpeta que la imagen estaba en

Dejar respuesta

Please enter your comment!
Please enter your name here