Question

（我问这个并回答自己，以防它可以帮助其他人）：

无法在Android 2.3.3浏览器上使用jquery.raty.js（http://wbotelhos.com/raty）插件，因为星形渲染为空白方块（当使用渲染为字体图标选项时）。

CSS声明如下：

@font-face {
  font-family: "raty";
  src: url("../fonts/raty.eot") format ("eot");
  src: url("../fonts/raty.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/raty.svg#raty") format("svg");
  src: url("../fonts/raty.ttf") format("truetype");
  src: url("../fonts/raty.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

Answer 1

如果我重新安排了src声明的顺序，它似乎适用于某些浏览器，而不适用于其他浏览器......

当我宣布这样的css时工作：

@charset "UTF-8";   /*  <-- note: first row, first column */
@font-face {
  font-family: "raty";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/raty.eot"),
       url("../fonts/raty.eot?#iefix") format("embedded-opentype"),
       url("../fonts/raty.woff") format("woff"),
       url("../fonts/raty.ttf") format("truetype"),
       url("../fonts/raty.svg#raty") format("svg");
}

请注意，我只有一个逗号分隔的网址，而不是几个src声明...

不确切知道它的作用，但它现在可以在所有浏览器中保持一致。（从icomoon.io导出css的想法）

祝你有个愉快的一天 / J

Android 2.3.3浏览器中的字体图标为正方形

1 个答案: