常州布谷鳥網絡,常州網絡公司,常州網站設計,常州小程序,常州APP開發,常州小程序開發公司,常州網站建設,常州微信公眾號維護
win2003/2008 IIS增加svg和woff等字體格式的支持
日期:2020-12-4 14:47:28  閱讀:

現在字體圖標已經漸漸代替了圖片了,移動端用起來也很方便。

使用了字體文件來顯示矢量的圖標,為了能在IIS上正常顯示圖標,可以通過增加iis的MIME-TYPE來支持圖標字體文件

下面就把IIS增加svg、eot 、woff、otf 、ttf 等字體格式文件的MIME。

增加以下兩種文件類型即可:

.svg image/svg+xml
.woff application/font-woff

我把其它幾種也寫在下面,供以后學習:

.eot application/vnd.ms-fontobject
.otf application/octet-stream
.ttf application/octet-stream

(完)

今天測試的一個代碼,在本地一切正常,可是上傳到服務器上之后就發現一些圖標不顯示了。圖片存在,但是也訪問不了,就百度了下,這個.svg的圖片想要在iis上能正常打開,還需要做一下映射才行。

1、先打開IIS-找到你網站點右鍵屬性-HTTP頭-點擊MIME類型

2、單擊新建,按照如下內容輸入
擴展名:.svg
MIME類型:image/svg+xml

全部添加完成后點擊確定 保存退出 刷新網頁看看顯示是否正常,如果還不行就檢測你是否哪里少了標點符號.

同樣IIS6也是可以支持WOFF/WOFF2的,正確的MIME信息應該是這么寫:

擴展名:.woff
MIME類型:application/x-font-woff
擴展名:.woff2
MIME類型:application/x-font-woff

添加后重啟該站點即可看見效果. IIS7下面的部署方法請參考 IIS7環境下實現svg/woff/woff2字體正常顯示

最近公司的幾個WordPress網站從AWS搬家到Windows環境下,又折騰了好一陣子。今天新鮮出爐一個新的問題,發現網站上的woff字體又報404了。在確認文件已經上傳到正確路徑下后,再回想一下之前碰到的IIS環境下找不到字體文件的問題,感覺應該又是沒有給字體文件添加MIME類型的原因。Windows Azure并非虛擬主機,所以也不會給我一個IIS讓我配置,只能想其他辦法。

所幸的是在網站的根目錄找到了一個web.config文件,印象中這應該是ASP.NET的應用程序的配置文件。雖然WordPress用的是PHP語言,但對于文件類型的管理,應該不牽涉到網站用什么語言的范疇,只要正確配置服務器環境即可。

打開web.config,這是一個XML文件,里面已經帶一條svg文件的MIME類型信息,和之前在IIS里面配置的內容很像:

之前IIS里面對于幾個字體文件的MIME類型設置如下:

依樣畫葫蘆的在web.config里面追加這兩條:


整個文件里面關于MIME類型的標簽結構應該是這樣的:



 
   
     
     
     
   

   ...
 


當然你可以通過iis7.5中設置

完成之后再刷新網頁,woff等字體又能順利加載了,IIS6下的設置方法請參考如何讓IIS6支持svg圖像顯示

附常用Mime類型:


文件后綴Mime類型說明
.jsonapplication/json輕量級的數據交換動態腳本,運用json技術的程序必須添加
.ipaapplication/iphone蘋果應用
.apkapplication/vnd.android.package-archive安卓應用
.flvflv/flv-flash在線播放
.html或.htmtext/html超文本標記語言文本
.rtfapplication/rtfRTF文本
.gifimage/gifGIF圖形
.jpeg或.jpgimage/jpegJPEG圖形
.auaudio/basicau聲音文件
.mid或.midiaudio/midi或audio/x-midiMIDI音樂文件
.ra或.ram或.rmaudio/x-pn-realaudioRealAudio音樂文件
.mpg或.mpeg或.mp3video/mpegMPEG文件
.avivideo/x-msvideoAVI文件
.gzapplication/x-gzipGZIP文件
.tarapplication/x-tarTAR文件
.exeapplication/octet-stream下載文件類型
.rmvbvideo/vnd.rn-realvideo在線播放
.mp4application/octet-streamMP4在線播放


linux(apache)設置方法:

在本地新建一個文本,在里面添加對應擴展名的mime類型(以.ipa和.apk為示例)

AddHandler application/iphone .ipa

AddHandler application/vnd.android.package-archive .apk

保存以后上傳到網站根目錄,并改名為.htaccess(注意有點)。網站目錄下有.htaccess文件,則直接在.htaccess里面添加。

運用了json技術的程序需要添加json的mime類型





作者:mdxy-dxy (來源:腳本之家

[聲明] 本文系本網編輯轉載,轉載目的在于傳遞更多信息,并不代表本網贊同其觀點和對其真實性負責。如涉及作品內容、版權和其它問題,請在30日內與本網郵箱 7016867@qq.com 聯系,我們將在第一時間刪除內容!
Design By 布谷鳥網絡 Since 2004 | 常州網絡公司 | 常州網站設計 | 常州網頁設計 | 常州小程序開發公司 | 常州微信商城設計 | 常州微信公眾號商城 | 常州小程序商城 | 網站地圖 |
本站由 為布谷鳥網絡(www.333400.tw)提供云計算與安全服務 蘇ICP備12074670號-1
广东快乐十分走势图快朱乐十分 全新十大网赚平台排行 极速时时彩有计划么 cs电竞平台 香港赛马会92开奖结果 山东11选5走势图号码遗漏统计 澳洲10双码计划 百家乐平台_Welcome 内蒙古快三预测专家预测分析 浙江快乐12基本走势图 吉林11选5任选五遗漏 黑龙江36选7中奖结果查询结果 体彩6+1中奖号码 宁夏11选5前三直走势 福彩辽宁35选7走势图 快乐12助手苹果 河南泳坛夺金开奖结果查询