Ter*_*how 0 css fonts android cordova font-awesome
我无法弄清楚为什么Font Awesome图标没有显示在我的cordova应用程序中.
我下载了整个font-awesome文件夹并将其复制到我项目的文件夹中.我已经包含了以下文件夹:
<link rel="stylesheet" href="../font-awesome-4.1.0/css/font-awesome.min.css">
我确信这是正确的,因为<i class="fa fa-bars fa-2x"></i>在chrome中显示完全正常.
但是,当我运行cordova emulate android图标时,我的android模拟器中没有显示.
然后我尝试按照这里的故障排除:https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting
似乎故障排除认为这是一个错误相关text-rendering,但当我添加text-rendering: auto;到.fa { }minified和完整的CSS时,我仍然没有在我的Android模拟器中看到图标.
我不知道该怎么办.我的android目标项目是4.4.2 api等级19.任何人都可以帮忙吗？
这是与图标相关的html部分.
<body>
<div id="main">
<div id="top">
<i id="settings" class="fa fa-bars fa-2x"></i>
<p id="logo" > Chowza Inc </p>
</div>
</div>
...
</body>
我在android 4.0.3 cordova应用程序上遇到了同样的问题.在我的情况下,我不得不从网址中删除版本参数(v = 4.1.0).例如:
font-awesome.css中的旧块
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
font-awesome.css中的新块
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot');
src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
| 归档时间： |
|
| 查看次数： |
5454 次 |
| 最近记录： |