Font Face không hoạt động trong IIS 8.0

Tôi có một phông chữ trong chương trình của tôi được tạo từ Font Squirrel. Tôi chỉ không thể làm cho nó hoạt động trong IIS, nó hoạt động trong localhost. Tôi đã thêm bài viết application / font-woff vào Loại MIME của mình nhưng nó vẫn không hoạt động.

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;
}

CHỈNH SỬA MIME HIỆN TẠI

Tôi đang sử dụng phông chữ IIS 8 MIME mặc định / x-woff

Thật tuyệt khi thấy WOFF2 được đưa vào phông chữ Font Squirrel! Trong khi IIS 8 không cần loại kịch câm được thêm vào WOFFthì nó sẽ cần một loại cho WOFF2. W3C khuyến nghị :

application/font-woff2

Để biết thêm thông tin về WOFF2xem tại đây .

Để thêm loại kịch câm trong IIS, hãy sửa đổi của bạn Web.Confignhư sau:

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

Để làm cho các phông chữ woff và woff2 hoạt động bình thường trong IIS, bạn nên thêm các kiểu MIME sau vào tệp 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>

Nếu bạn vẫn gặp lỗi 404 trên Google Chrome, bạn nên xóa bộ nhớ cache của trình duyệt trước khi tải lại trang.

Lưu ý rằng cũng có thể định cấu hình các kiểu MIME trong Trình quản lý IIS. Chỉ cần chọn trang web và sau đó nhấp đúp vào biểu tượng Loại MIME bên dưới IIS trong ngăn chính.

Sau đó, bạn sẽ thấy danh sách tất cả các Loại MIME hiện có và có thể thêm các loại mới bằng liên kết Thêm ... trong ngăn bên phải.

Hôm nay tôi gặp sự cố này khi triển khai biểu tượng Giao diện người dùng Metro4 giải pháp Web và chuyển từ CDN sang tùy chọn Biên dịch.

Dự án của tôi được phát triển bằng nền tảng WebSharper, nhưng dù sao thì giải pháp cũng độc lập với các chi tiết triển khai này.

Dài truyện ngắn, tôi đã phát hiện ra rằng tôi đã có thêm phần mở rộng tập tin, ví dụ như cho .ttf, bên trong securityphần dưới system.webServercủa Web.config.

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

Tùy chọn cấu hình tương tự cũng có sẵn trong cài đặt GUI của IIS