c# - puedo - vincular twitter con facebook 2018

Los glifos de arranque de Twitter no aparecen en el modo de lanzamiento 404

Question

Estoy trabajando en un proyecto en ASP.NET MVC 4 e hice los siguientes pasos:

1. Se descargó twitter bootstrap de http://blog.getbootstrap.com/2013/12/05/bootstrap-3-0-3-released/

2. Establezca Acción de compilación en los archivos de fuente en el Contenido (los archivos se encuentran en la carpeta ~ / Content / font)

   glyphicons-halflings-regular.eot
   glyphicons-halflings-regular.svg
   glyphicons-halflings-regular.ttf
   glyphicons-halflings-regular.woff

3. Agregado a RouteConfig.cs

   routes.IgnoreRoute ("{carpeta} / {* pathInfo}", nuevo {carpeta = "Contenido"});

4. Se agregaron los siguientes elementos a Web.config

   <?xml version="1.0" encoding="UTF-8"?>
   <system.webServer>
      <staticContent>
          <remove fileExtension=".eot" />
          <remove fileExtension=".ttf" />
          <remove fileExtension=".otf"/>
          <remove fileExtension=".woff"/>
          <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
          <mimeMap fileExtension=".ttf" mimeType="font/ttf" />
          <mimeMap fileExtension=".otf" mimeType="font/otf" />
         <mimeMap fileExtension=".woff" mimeType="font/x-woff" />
      </staticContent>
   </system.webServer>

5. Incluye el siguiente código en BundleConfig.cs

   bundles.Add(new StyleBundle("~/bundles/maincss")
                       .Include("~/Content/bootstrap/bootstrap.css")
                       .Include("~/Content/bootstrap/bootstrap-theme.css")
                       .Include("~/Content/hbl-full.css"));

   También intenté con el siguiente código

   IItemTransform cssFixer = new CssRewriteUrlTransform();
   
   bundles.Add(new StyleBundle("~/bundles/maincss")
                       .Include("~/Content/bootstrap/bootstrap.css", cssFixer)
                       .Include("~/Content/bootstrap/bootstrap-theme.css", cssFixer)
                       .Include("~/Content/hbl-full.css", cssFixer));

6. Llamado en Layout.cshtml principal

   @ Styles.Render ("~ / bundles / maincss")

Todavía en los iconos de localhost se muestran normalmente, pero cuando presiono el código para liberar el servidor, solo puedo ver el cuadrado en lugar del ícono y en la pestaña de la Consola de Chrome consigo

OBTENER http://domain.apphb.com/fonts/glyphicons-halflings-regular.woff Prueba 404 (no encontrada): 1

OBTENGA http://domain.apphb.com/fonts/glyphicons-halflings-regular.ttf Prueba 404 (no encontrada): 1

OBTENER http://domain.apphb.com/fonts/glyphicons-halflings-regular.svg Prueba 404 (no encontrada): 1

Gracias.

Answer 1

Así es como lo resolví: estoy usando MVC5 y Bootstrap 3.1.1 .

Tengo mis archivos organizados en el proyecto de esta manera:

/Content/Bootstrap/bootstrap.css
                   bootstrap.min.css
/Content/fonts/glyphicons-halflings-regular.eot
               glyphicons-halflings-regular.svg
               glyphicons-halflings-regular.ttf
               glyphicons-halflings-regular.woff

Luego agregué otro nivel a mi ruta virtual en la configuración del paquete

bundles.Add(new StyleBundle("~/Content/site/css").Include(
    "~/Content/bootstrap/bootstrap.css",
    "~/Content/styles/site.css"
));

Anteriormente había usado ~/Content/css

Y en la vista ...

@Styles.Render("~/Content/site/css")

Esto funcionó, pero todavía obtuve un 404 en una de las fuentes ... así que agregué la solución de Giles.

<?xml version="1.0" encoding="UTF-8"?>
<system.webServer>
    <staticContent>
        <remove fileExtension=".eot" />
        <remove fileExtension=".ttf" />
        <remove fileExtension=".otf"/>
        <remove fileExtension=".woff"/>
        <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
        <mimeMap fileExtension=".ttf" mimeType="font/ttf" />
        <mimeMap fileExtension=".otf" mimeType="font/otf" />
        <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
</system.webServer>

Answer 2

Copiando la carpeta de fuentes a la raíz de la aplicación web y cambiando los tipos de mime en web.config a

<?xml version="1.0" encoding="UTF-8"?>
<system.webServer>
  <staticContent>
    <remove fileExtension=".eot" />
    <remove fileExtension=".ttf" />
    <remove fileExtension=".otf"/>
    <remove fileExtension=".woff"/>
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    <mimeMap fileExtension=".ttf" mimeType="font/ttf" />
    <mimeMap fileExtension=".otf" mimeType="font/otf" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
  </staticContent>
</system.webServer>

arregló el problema para mí Tenga en cuenta que .woff mimeType es diferente al de la pregunta.

Answer 3

En IgnoreRoute , especificó la carpeta "Contenido". Pruebe también agregar uno para fuentes ", ya que eso es lo que está solicitando.

routes.IgnoreRoute("{folder}/{*pathInfo}", new { folder = "fonts" });

Answer 4

Tuve el mismo problema al usar el servidor web IIS 7.5.

La solución fue agregar .woff a la lista de extensiones de nombre de archivo con tipo MIME application / octet-stream en el servidor web.

También puedes lograr lo mismo en web.config:

<staticContent>
    <remove fileExtension=".woff" />
    <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
</staticContent>

Answer 5

Tuve el mismo problema. Realmente no sé por qué, pero si elimino el archivo bootstrap.min.css y configuro CssRewriteUrlTransform en el paquete todo está funcionando. Estoy usando bootstrap v3.1.1

EDITAR: después de un poco de investigación, la solución se define aquí: CssRewriteUrlTransform no se está llamando Así que al eliminar el bootstrap.min.css o al hacer referencia a bootstrap.min.css en lugar de a bootstrap.css se forzará la agrupación / minificación en el archivo y se invocará CssRewriteUrlTransform.

Answer 6

Tuve este problema y descubrí que estaba sucediendo debido a la minificación al construir en modo de lanzamiento.

En lugar de descargar los archivos manualmente desde el sitio de arranque y configurar el agrupamiento, utilizo el paquete nuget que lo hace por mí.

Si desea hacerlo, siga los siguientes pasos.

Ejecute el siguiente comando para instalar Bootstrap:

Install-Package Twitter.Bootstrap.MVC

Esto descarga todos los archivos bootrap e incluye la configuración del paquete Bootstrap predefinida a continuación:

public class BootstrapBundleConfig
{
    public static void RegisterBundles()
    {
        // Add @Styles.Render("~/Content/bootstrap") in the <head/> of your _Layout.cshtml view
        // For Bootstrap theme add @Styles.Render("~/Content/bootstrap-theme") in the <head/> of your _Layout.cshtml view
        // Add @Scripts.Render("~/bundles/bootstrap") after jQuery in your _Layout.cshtml view
        // When <compilation debug="true" />, MVC4 will render the full readable version. When set to <compilation debug="false" />, the minified version will be rendered automatically
        BundleTable.Bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include("~/Scripts/bootstrap.js"));
        BundleTable.Bundles.Add(new StyleBundle("~/Content/bootstrap").Include("~/Content/bootstrap.css"));
        BundleTable.Bundles.Add(new StyleBundle("~/Content/bootstrap-theme").Include("~/Content/bootstrap-theme.css"));
    }
}

Lo anterior también incluye comentarios que describen cómo renderizar los paquetes.

Creo que el error original de la fuente 404 se debió a que la carpeta de fuentes estaba en un nivel diferente al especificado en la CSS minificada.

Si prefiere mantener su solución actual, la única forma en que podría arreglar el 404 era copiar la carpeta de fuentes a la raíz de la aplicación web.

Para probarlo localmente, simplemente elimine debug="true" de su configuración web para guardar la implementación en AppHarbor.

Answer 7

Yo tuve el mismo problema. Lo solucioné usando el CDN de bootstrap.