字体真棒4.1.0在科尔多瓦Android模拟器无法正常工作 [英] Font Awesome 4.1.0 not working in Cordova android emulator

查看:131
本文介绍了字体真棒4.1.0在科尔多瓦Android模拟器无法正常工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我不明白,为什么字体真棒图标不显示在我的应用程序科尔多瓦起来。

我下载了整个字体真棒文件夹并将其复制到我的项目的文件夹中。我已经包含在文件夹:

<链接rel =stylesheet属性HREF =../字体真棒-4.1.0 / CSS / FONT-awesome.min.css>

我相信这是正确的,因为< I类=发发酒吧FA-2X>< / I> 将在镀铬完美精品展示

然而,当我运行科尔多瓦模拟机器人这些图标没有在我的Andr​​oid模拟器显示出来。

我又试图在这里下列故障排除: https://github.com/FortAwesome/字体 - 真棒/维基/故障排除

这似乎排除认为这是关系到错误的文本渲染,但是当我添加文本渲染:汽车; .fa {} 同时在缩小的和完整的CSS,我还没有看到在我的Andr​​oid模拟器的图标。

我在做什么损失。我的Andr​​oid项目的目标是4.4.2 API级别19.谁能帮助?

下面是相关图标的HTML部分。

 <身体GT;
    < D​​IV ID =主>
           < D​​IV ID =顶>
               <我的id =设置级=发发酒吧FA-2X>< / I>
               < p = ID标识> Chowza公司&下; / P>
          < / DIV>
    < / DIV>
...
< /身体GT;


解决方案

回答我的问题...

我复制了FontAwesome文件夹到我的项目文件夹,但使用科尔多瓦模拟机器人字体真棒文件夹没有被构建时。复制FontAwesome文件夹放到CSS文件夹,并改变相关链接路径纠正这个问题。

I can't figure out why Font Awesome icons aren't showing up in my cordova app.

I downloaded the entire font-awesome folder and copied it to my project's folder. I've included the folder with:

<link rel="stylesheet" href="../font-awesome-4.1.0/css/font-awesome.min.css">

I am certain this is correct because <i class="fa fa-bars fa-2x"></i> will display in chrome perfectly fine.

However when I run cordova emulate android the icons don't show up in my android emulator.

I then tried following the troubleshooting here: https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting

It seems that the troubleshooting thinks this is an error related to text-rendering, but when I add text-rendering: auto; to .fa { } in both the minified and the full css, I still don't see the icons in my android emulator.

I'm at a loss of what to do. My android target project is 4.4.2 api level 19. Can anyone help?

Here's the html section related to the icons.

<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>

解决方案

Answering my own question...

I copied the FontAwesome folder into my project folder but when using cordova emulate android the Font Awesome folder was not being built. Copying the FontAwesome folder into the CSS folder and changing the related link paths corrected this issue.

这篇关于字体真棒4.1.0在科尔多瓦Android模拟器无法正常工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆