cordova - Sencha touch + WP8 + Cordova - 图标字体未显示 - 解决方法

Question

最新的 sencha touch 使用 webfonts 作为图标，但 WP8 对 web 字体有一些限制，请参阅 Using css font-face in a Phonegap Windows Phone 8 app

Answer 1

花了 1 天后，我才找到了简单的解决方法。由于 sencha touch 对 win 和 android 有不同的 css，我们接下来要做。
对于我们所有的图标，我正在添加类胜利

{
                        align: 'left',
                        name: 'nav_btn',
                        iconCls: 'list win',
                        ui: 'plain'
                    },

然后在 win.scss (或 css 没关系)

.list.win {
  background-image: url('data:image/png;base64,BASE64ICON');
}

但在这种情况下，它会显示内容字母以便修复它

.x-tab .x-button-icon.list.win:before,
.x-button .x-button-icon.list.win:before,
.x-tab .x-button-icon.settings.win:before,
.x-button .x-button-icon.settings.win:before{
  content: none;
}

它不是最好的解决方案，但不仅仅是解决了我的问题..