Font Face ไม่ทำงานใน IIS 8.0

ฉันมี font-face ในโปรแกรมของฉันที่สร้างจาก Font Squirrel ฉันไม่สามารถทำให้มันทำงานใน IIS ได้มันทำงานใน localhost ฉันเพิ่มแอพลิเคชัน / font-WOFF บทความประเภท MIME ของฉัน แต่ก็ยังไม่ต้องการที่จะทำงาน

Context
--Fonts
----font location
--css files

CSS

@font-face {
    font-family: 'wallStreetFont';
    src: url('Fonts/subway-webfont.eot');
    src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/subway-webfont.woff2') format('woff2'),
         url('Fonts/subway-webfont.woff') format('woff'),
         url('Fonts/subway-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

แก้ไขเวลาปัจจุบัน

ฉันใช้แบบอักษร IIS 8 MIME เริ่มต้น/ x-woff

เยี่ยมมากที่ได้เห็น WOFF2 รวมอยู่ในฟอนต์ Font Squirrel! ขณะที่ IIS 8 ไม่จำเป็นชนิดไมม์เพิ่มสำหรับมันจะต้องหนึ่งสำหรับWOFF WOFF2W3C แนะนำ :

application/font-woff2

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการWOFF2ดูที่นี่

หากต้องการเพิ่มประเภท mime ใน IIS ให้แก้ไขWeb.Configดังนี้:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <!-- ... -->
  <system.webServer>
    <!-- ... -->
    <staticContent>
      <!-- ... -->
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
    <!-- ... -->
  </system.webServer>

ในการสร้างฟอนต์ woff และ woff2 เพื่อให้ทำงานได้อย่างถูกต้องใน IIS คุณควรเพิ่มประเภท MIME ต่อไปนี้ในไฟล์ Web.Config

<?xml version="1.0" encoding="UTF-8"?>
<configuration>  
  <system.webServer>    
    <staticContent>
        <remove fileExtension=".woff" />
        <remove fileExtension=".woff2" />
        <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>

หากคุณยังคงพบข้อผิดพลาด 404 บน Google Chrome คุณควรล้างแคชของเบราว์เซอร์ก่อนที่จะโหลดหน้านี้ซ้ำ

โปรดทราบว่ายังสามารถกำหนดค่าประเภท MIME ภายในตัวจัดการ IIS เพียงแค่เลือกเว็บไซต์จากนั้นดับเบิลคลิกที่ไอคอนประเภท MIME ภายใต้ IIS ในบานหน้าต่างหลัก

จากนั้นคุณจะเห็นรายการประเภท MIME ที่มีอยู่ทั้งหมดและสามารถเพิ่มใหม่ได้โดยใช้ลิงก์เพิ่ม ... ในบานหน้าต่างด้านขวา

วันนี้ฉันประสบปัญหานี้ในขณะที่ปรับใช้ไอคอนเว็บโซลูชัน Metro4 UI และเปลี่ยนจาก CDN เป็นตัวเลือกคอมไพล์

โครงการของฉันได้รับการพัฒนาโดยใช้แพลตฟอร์ม WebSharper แต่โซลูชันนี้ไม่ขึ้นอยู่กับรายละเอียดการใช้งานเหล่านี้

เรื่องสั้นสั้น ๆ ฉันค้นพบว่าฉันต้องเพิ่มนามสกุลไฟล์เช่นสำหรับ .ttfภายในsecurityส่วนภายใต้system.webServerไฟล์Web.config.

<security>
    <requestFiltering>
        <fileExtensions>
            <add fileExtension=".ttf" allowed="true" />
        </fileExtensions>
    </requestFiltering>
</security>

นอกจากนี้ยังมีตัวเลือกการกำหนดค่าเดียวกันภายใต้การตั้งค่า GUI ของ IIS