問題排查:網站發行後看不到內嵌圖示
2016-04-08 09:18
92 查看
這是最近在彙整專案代碼時遇到的狀況
先大概說明一下網站的環境
最近用 ACE 這套管理後台樣板來當開發框架
然後順便將其他專案的管理後台移植過來
所謂內嵌圖示就是一些 Unicode 字集
把各別字元的內碼寫在 CSS,然後在標籤裡的 class 屬性引用
真實情況是:發行後看不到內嵌圖示,但其它 CSS 相關的效果都正常
用瀏覽器的開發者工具大略看了一下,發現有個字形引用的環節出錯
錯誤訊息分別是:
和
對於這種情況,著實納悶啊!檔案明明是存在的,路徑也沒寫錯,卻出現 404 錯誤?
最後找終於找到線索,原因在於 IIS 的 MIME 類型設定,只要在 IIS 加上相關的 MIME 類型即可解決:
不曉得這兩種設定方式有何差別,前者是另一台電腦的 IIS 設定,後者是網路搜索來的
目前測試下來,這兩種設定都有效果,且不需要共存
先大概說明一下網站的環境
最近用 ACE 這套管理後台樣板來當開發框架
然後順便將其他專案的管理後台移植過來
所謂內嵌圖示就是一些 Unicode 字集
把各別字元的內碼寫在 CSS,然後在標籤裡的 class 屬性引用
真實情況是:發行後看不到內嵌圖示,但其它 CSS 相關的效果都正常
用瀏覽器的開發者工具大略看了一下,發現有個字形引用的環節出錯
錯誤訊息分別是:
http://172.19.251.1/Admin/assets/font/fontawesome-webfont.woff?v=3.2.1 Falied to load resource: the server responded with a status of 404 (Not found)
和
http://172.19.251.1/Admin/assets/font/fontawesome-webfont.ttf?v=3.2.1 Falied to load resource: the server responded with a status of 404 (Not found)
對於這種情況,著實納悶啊!檔案明明是存在的,路徑也沒寫錯,卻出現 404 錯誤?
最後找終於找到線索,原因在於 IIS 的 MIME 類型設定,只要在 IIS 加上相關的 MIME 類型即可解決:
設定一 副檔名:.woff 類型:font/x-woff 設定二 副檔名:.woff 類型:application/x-woff
不曉得這兩種設定方式有何差別,前者是另一台電腦的 IIS 設定,後者是網路搜索來的
目前測試下來,這兩種設定都有效果,且不需要共存
相关文章推荐
- WordPress十年:一款开源软件如何改变了世界和自己?
- poj3254 Corn Fields
- 字符串操作知识汇总
- PHP自定义函数指定参数类型
- Android 自定义ListView
- 动态规划
- Anyplayer 1.0.5 - WordPress万能播放器插件
- 查看jar包源码
- 电脑无法正常使用chm帮助文档的解决办法。
- Xcode 修改类前缀
- [转]com.devicepush.cordova-phonegap Device Push Notification Plugin
- 汉堡包
- 基于汉堡包方法对于两人合作的看法
- websocket(消息驱动)
- PrintWriter out = response.getWriter();乱码解决
- Android 程序框架设计
- python sys模块
- mysql存储引擎
- iPhone屏幕尺寸/launch尺寸/icon尺寸
- 請問 localtime() 為什麼不會造成 memory leak?