2017-03-02 57 views
3

我想使用的字体“Verveine公司定期”内Android的反应,本机应用程序不拾取字体

我的反应原生应用程序。字体在iOS的工程建设,而不是在Android版本。

字体为.tff格式,放置在我工作的根目录(在package.json中链接,我运行了react-native链接),并在“android/gradle/src/main/assets/fonts “但它仍然没有选择字体,我也已经清理并重建应用程序多次

当检查在android调试器中使用字体的元素时,它说它使用f ONT。但字体仍然是默认字体。

任何人都可以在这个问题上提供一些帮助或指导?

谢谢!

+0

显示我们的package.json – vinayr

+0

'“rnpm”:{ “资产”: “字体” ] }' –

+0

当我检查这意味着要使用的字体在Android的调试器中的元素,它说该元素正在使用我希望它使用的字体。它只是在默认情况下不以该字体显示。 –

回答

0

后,这是我如何使用自定义字体在我的项目

//sampleStyle.js 
import overrideStyles from '/sampleoverridestyles'; 
iconTextStyle: { 
    color: '#FFFFFF', 
    fontSize: 16 
} 

//sampleoverridestyles.ios.js 
export default { 
    iconTextStyle: { 
    fontFamily: 'FaktSoftPro-Medium' 
    } 
} 

//sampleoverridestyles.android.js 
export default { 
    iconTextStyle: { 
    fontFamily: 'faktsoftpro_medium' 
    } 
} 

因为我不能设置字体的名称相同的iOS和Android我已经如上覆盖它和它的工作。

+0

这些文件在您的项目的根目录中吗? –

+0

我的目录结构就像** src/modules/mymodule/sytles /..** – arjun

1
First, make sure you are up to version 0.16+ with react-native. 
Your fonts should be *.ttf or *.otf files and must be located in: /projectname/android/app/src/main/assets/fonts 
Make sure the fonts are lowercase only and follow this pattern: fontname.ttf, fontname_bold.ttf, fontname_light.ttf, fontname_bold_italic.ttf 
+0

尝试所有这些:(字体大写,但我已经改变他们小写..仍然没有运气。 –

1

您是否在AppTheme(styles.xml)中定义了另一种字体,它会覆盖您的首选字体?

您是否测试了“Hello World”-App作为最小测试的字体?

你有你的实现TTF如下所示例如?:How to use custom font in Android Studio

+0

是的,我刚刚尝试过所有这些,但没有。当我检查android调试器中的元素,它表示该元素正在使用我想要的字体,但该元素仍然显示为默认字体。 –

相关问题