先看下效果圖片:
image.png
步驟:
-
確保字體格式是ttf格式的字體鸭巴,并將自定義的字體整體存入項目文件夾中
image.png -
其次,修改項目文件夾的package.json文件车酣。
assets: 字體文件的路徑
image.png
3.隨后,命令行進(jìn)入項目文件夾根目錄,運行如下命令:
react-native link
-
檢查下xocde中會多一個資源文件夾
image.png
查看下info.plist文件中:
image.png
使用的代碼:
image.png
注意??:關(guān)于iOS下fontFamily要求使用字體家族名蔬墩,可以通過以下代碼獲取 fontFamilyname
for(NSString *fontfamilyname in [UIFont familyNames]) {
NSLog(@"family:'%@'",fontfamilyname);
for(NSString *fontName in [UIFont fontNamesForFamilyName:fontfamilyname]) {
NSLog(@"\tfont:'%@'",fontName);
}
NSLog(@"-------------");
}
復(fù)制 family: 打印出來的值。
針對安卓: 安卓下fontFamily樣式屬性直接填寫字體的文件名稱即可(不填寫后綴)耗拓。
跨平臺開發(fā)時拇颅,可以使用Platform.OS判斷系統(tǒng)類型來進(jìn)行適配。