phông chữ CSS xác định không tìm thấy

Question

Possible Duplicate:
@font-face not working on a client site?

tôi có các tập tin phông chữ sau đây trong cấu trúc thư mục này trong ứng dụng web ASP.Net MVC của tôi:

- [root]

| - Công

|| --fonts

||| --NuvoWeb-Medi.eot

||| --NuvoWeb-Medi.woff

Trong file CSS của tôi, tôi có việc kê khai phông chữ sau:

@font-face 
{ 
    font-family: NuvoWeb; 
    src: url(/Public/fonts/NuvoWeb-Medi.eot); 
} 
@font-face 
{ 
    font-family: NuvoWeb; 
    src: url(/Public/fonts/NuvoWeb-Medi.woff) format('woff'); 
} 

Tuy nhiên, khi tôi chạy ứng dụng, Firebug trả về lỗi sau:

"NetworkError: 404 Not Found - http://localhost:60194/Public/fonts/NuvoWeb-Medi.woff "

Vui lòng thông báo cho những gì tôi bị thiếu để làm việc này hoạt động.

Answer 1

Tìm thấy giải pháp here ...

Vấn đề là IIS không biết làm thế nào để phục vụ những tập tin mới trừ khi chúng tôi nói với nó như thế nào. Điều này có thể dễ dàng thực hiện vào những năm web.config trong phần của web.config <system.webServer> bằng cách thêm đoạn mã sau:

<staticContent> 
    <mimeMap fileExtension=".mp4" mimeType="video/mp4" /> 
    <mimeMap fileExtension=".m4v" mimeType="video/m4v" /> 
    <mimeMap fileExtension=".ogg" mimeType="video/ogg" /> 
    <mimeMap fileExtension=".ogv" mimeType="video/ogg" /> 
    <mimeMap fileExtension=".webm" mimeType="video/webm" /> 
    <mimeMap fileExtension=".oga" mimeType="audio/ogg" /> 
    <mimeMap fileExtension=".spx" mimeType="audio/ogg" /> 
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> 
    <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" /> 
    <remove fileExtension=".eot" /> 
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> 
    <mimeMap fileExtension=".otf" mimeType="font/otf" /> 
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> 
</staticContent> 

Lưu ý rằng một số trong những phần mở rộng có thể đã được xử lý trong IIS (đối với tôi, .svg vẫn ổn). Bạn cần xóa các bản đồ đó khỏi phần này hoặc thêm <remove> các dòng như bản đồ cho .eot.

Answer 2

thư mục công cộng (css đây) ---> thư mục phông chữ (font đây -NuvoWeb-Medi.eot)

@font-face 
{ 
    font-family: 'NuvoWeb'; 
    src: url(fonts/NuvoWeb-Medi.eot); 
} 

bạn đã bị bỏ lỡ biểu tượng báo giá font-family: 'NuvoWeb';

Answer 3

đăng ký kiểu MIME trong web.config như sau:

<system.webServer> 
    <staticContent> 
     <remove fileExtension=".eot" /> 
     <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> 
    </staticContent> 
</system.webServer> 

này giải quyết vấn đề.