Raty评分插件无法显示图标问题的解决

问题描述

在使用raty评分插件时，遇到无法显示五角星的情况，浏览器中只显示方框图标的问题（如下图所示）。

排查问题的过程中，发现鼠标移动时css样式会正常改变，同时每个方框会出现对应的分数，这说明JavaScript是正常运行的，问题出现在了CSS文件上。
首先怀疑CSS文件地址是否可达、文件夹权限是否开启，经过检查发现配置均正确，最终怀疑是IIS服务器出现了文件访问限制。

问题解决

通过对iis服务器进行配置，问题确实得到了解决，因此确认问题根源就在iis服务器的文件访问限制。

解决步骤

1. 在iis服务器管理器中对MIME类型进行设置。

2. 在MIME类型中添加.woff与 font/x-woff ，添加完毕后刷新网页发现问题解决。
   

3. 问题解决