development

Asp.Net VNext를 사용할 때 application / font-woff2가 작동하지 않음

big-blog 2020. 12. 28. 22:27
반응형

Asp.Net VNext를 사용할 때 application / font-woff2가 작동하지 않음


VNext + OSX + Chrome으로 몇 가지 실험을하고 있습니다. woff2 파일을 얻으려고합니다.

GET http://localhost:5003/fonts/fontawesome-webfont.woff2?v=4.3.0 

그러나 오류가 발생합니다. 아래 요청 헤더를 참조하십시오.

Remote Address:127.0.0.1:5003
Request URL:http://localhost:5003/fonts/fontawesome-webfont.woff2?v=4.3.0
Request Method:GET
Status Code:404 Not Found

이것은 내 Startup.cs입니다.

    public void Configure(IApplicationBuilder app)
    {
        app.UseStaticFiles();

        app.UseServices(services =>
        {
            services.AddMvc();
        });

        // Add MVC to the request pipeline
        app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller}/{action}/{id?}",
                defaults: new { controller = "Home", action = "Index" });
        });
    }

Github의 AspNet 프로젝트에서 StaticFiles (Link bellow)에 대해 보았고 지원되는 것 같습니다.

https://github.com/aspnet/StaticFiles/blob/dev/src/Microsoft.AspNet.StaticFiles/FileExtensionContentTypeProvider.cs

저에게 도움을 줄 수 있습니까?


파일 형식 woff2매핑 목록에 있지만 최근 (2015 년 2 월) 추가되었으므로이 변경 사항이 포함 된 릴리스를 사용하지 않을 수 있습니다. 따라서 사용자 지정 파일 형식을 추가하려면 다음을 사용하여 IIS 방식을 사용할 수 있습니다 web.config.

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
  </staticContent>
</system.webServer>

또는 사용 StaticFilesOptions:

public void Configure(IApplicationBuilder app)
{
    StaticFileOptions options = new StaticFileOptions();
    FileExtensionContentTypeProvider typeProvider = new FileExtensionContentTypeProvider();
    if (!typeProvider.Mappings.ContainsKey(".woff2"))
    {
        typeProvider.Mappings.Add(".woff2", "application/font-woff2");
    }
    options.ContentTypeProvider = typeProvider;
    app.UseStaticFiles(options);
}

web.config에 MIME 유형 선언을 추가하십시오.

<system.webServer>
    <staticContent>
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff" />
    </staticContent>
</system.webServer>

자세한 내용은 다음을 참조하십시오.

IIS에서 웹 글꼴에 대한 MIME 유형 설정

Quick fix: IIS .woff font file 404 not found in asp.net mvc


If above did not work for you (didn't work for me). Then try with this one :

<mimeMap fileExtension="woff2" mimeType="application/font-woff" />

add mime type in plesk

application/font-woff2  .woff2

it worked for me


I needed to enable the extension first (which could be done in IIS too) like:

<system.webServer>
  ...
  <security>
    <requestFiltering>
      <fileExtensions>
        <remove fileExtension=".woff2" />
        <add fileExtension=".woff2" allowed="true" />
      </fileExtensions>
    </requestFiltering>
  </security>
...
</system.webServer>

as well as adding the previously mentioned static content...

<system.webServer>
  ...
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
  </staticContent>
  ...
</system.webServer>

ReferenceURL : https://stackoverflow.com/questions/28746721/application-font-woff2-not-working-when-using-asp-net-vnext

반응형