标签: topcoat

我正在编写混合HTML5应用程序.现在我正处于选择工具的阶段.我几乎没有怀疑你已经帮我清理了.但在发现Topcoat后,我有最后一个问题.

我已经知道,自从Twitter Bootstrap到达版本3并且您可以直接在网页中删除它,它会变得更加流畅.但是Topcoat只是CSS的事实让我想到了,因为很多人仍然抱怨Twitter Bootstrap + Phonegap表现......

这里有没有人做过真正的测试,以确定体验的流畅性和自然性,以及哪个处理得更好？

我正在尝试使用Phonegap制作一个带有图标的自定义按钮.

我使用https://github.com/topcoat/icons和www.icomatic.io来创建图标.然后我将生成的icomatic文件保存在www/css/icomatic文件夹中.

出于某种原因,以下代码在我的普通(chrome)webbrowser中工作(显示图标),但不在我的手机上(它只显示带有相机一词的按钮):

<button class="topcoat-icon-button" id="takePicture">
    <span class="topcoat-icon icomatic">camera</span>
</button>

我使用wwww/css/icomatic.css文件夹中的icomatic.css.css是:

src: url('icomatic.eot');
src: url('icomatic.eot?#iefix') format("embedded-opentype"),
     url('icomatic.woff') format("woff"),
     url('icomatic.ttf') format("truetype"),
     url('icomatic.svg#icomatic') format('svg');

像这样引用:

<link rel="stylesheet" type="text/css" href="css/icomatic/icomatic.css"/>

谢谢!

//编辑:似乎这个问题出现在某些设备/软件上(Android 4.3,Xperia Z)

在我尝试的另一个Android设备上,相机图标正常显示..