当前位置:  开发笔记 > 前端 > 正文

Nativescript和FontAwesome

如何解决《Nativescript和FontAwesome》经验,为你挑选了1个好方法。

我试图在Nativescript应用程序中使用图标字体FontAwesome,这可以根据这篇文章https://www.nativescript.org/blog/mobile-app-best-practices---use-font-instead-of-image -to-显示-的图标

我做了那篇文章中描述的所有内容:

在app/fonts中添加.ttf

在app.css中添加了类

.fa {font-family:"FontAwesome"; }

像这样在XML中使用它

文本= "" 类= "FA"

但结果令人失望:

不工作 我也尝试了"\ uf230"语法,但是它呈现为纯文本.

我究竟做错了什么?



1> Eddy Verbrug..:

可能是一些事情.它适用于iOS吗?由于您的CSS定义与iOS兼容,因此Android不需要实际的文件名(没有扩展名),而iOS需要字体名称.所以我有xplatform-ready(文件是'fontawesome-webfont.ttf'):

.fa {
  font-family: 'FontAwesome', fontawesome-webfont;
}

\f005语法是OK( ),但我使用了灿烂的nativescript-ngx-fonticon插件(也有一个非角一个),能够做到这一点,而不是:

推荐阅读
雨天是最美
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有