Chúng tôi đang sử dụng Twitter Bootstrap và FontAwesome để được hỗ trợ biểu tượng.Làm thế nào để có được fontawesome để làm việc trên một trang web Azure triển khai?
Khi triển khai vào một trong các máy chủ IIS của chúng tôi, tôi cần thêm hỗ trợ MIME.
Khi triển khai Azure, có vẻ như tôi không có khả năng này, vì vậy bây giờ biểu tượng của tôi không hiển thị vì dường như không biết cách sử dụng phông chữ.
Chỉ cần thêm dòng sau vào web.config ...
<system.webServer>
<staticContent>
<remove fileExtension=".svg" />
<remove fileExtension=".eot" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".woff" mimeType="application/x-woff" />
</staticContent>
</system.webServer>
CẬP NHẬT
câu trả lời này bây giờ là không cần thiết do sự thay đổi gần đây trong gói FontAwesome NuGet.
Ngoài giải pháp được chấp nhận, tôi nhận thấy phông chữ trong dự án của tôi là ~/Content/fonts, nhưng trang web đang tìm phông chữ trong/phông chữ trên Azure.
Để giải quyết sự cố, tôi đã sao chép các tệp phông chữ thành ~/fonts (đảm bảo rằng Hành động xây dựng được đặt thành Content cho tất cả) và tất cả đều tốt trên đám mây.
Câu trả lời gốc ở trên là bắt buộc - về các thay đổi của web.config. Nhưng câu trả lời này cũng giúp tôi đi đúng hướng. Tôi không muốn xuất bản phông chữ của mình ở một vị trí khác (~/fonts) vì vậy tôi chỉ tách fontawesome thành gói riêng của nó với đường dẫn cấp thấp hơn/Nội dung/phông/bó ... như sau: bundles.Add (StyleBundle mới ("~/Content/fonts/bundle") Bao gồm ("~/Content/fontawesome/font-awesome.css")); – Ender2050
Câu trả lời của bạn đã giúp tôi, cảm ơn ~! – Franva
giải pháp này hoạt động. Đối với một số lý do font-awesome đã được tìm kiếm cho các thư mục phông chữ trong thư mục gốc thậm chí tho url (../) bên trong font-awesome.css đang tìm kiếm các thư mục font tương đối bên trong thư mục font-awesome –
Sau khi thực hiện ở trên và nếu vẫn không hoạt động, hãy kiểm tra tệp cho font-awesome.css trong thư mục css của thư mục chủ đề của bạn.
Có một URL liên kết các tệp phông chữ tuyệt vời. Đảm bảo rằng nó trỏ đến thư mục có tệp phông chữ từ tên miền mới của bạn trỏ đến trang Azure của bạn, tức là nhập URL đầy đủ thay vì ../font/...
Cảm ơn! Tôi đã chiến đấu trong hai ngày nay! – mattruma
Hmm, tôi đã thử cách này nhưng vẫn không hoạt động. Mặc dù các kiểu MIME ở phía máy chủ được cập nhật với các định nghĩa cục bộ. – tofutim
vị trí web.config nằm ở đâu? – fscore