美文网首页程序员
React-Native 设置自定义字体

React-Native 设置自定义字体

作者: 一天清晨 | 来源:发表于2017-12-25 15:14 被阅读740次
1043684-1bed2a11f4a03a68.jpeg

开发产品中为了达到人类的审美,会在产品中加入大量字体.

Step1

在项目根目录创建文件夹assets/fonts.


字体位置.jpeg

Step2

在根目录的Package.json 配置字体

"rnpm": {
    "assets": [
        "./assets/fonts/"
    ]
  }

Step3

react-native link 

Android不需要在进行copy字体.check一下android/app/src/main/assets/fonts/目录下就ok
iOS 需要在info.plist文件中添加字体

<key>UIAppFonts</key>
<array>
   <string>Iam a font.ttf</string>
<array>

Step 4

大功告成,使用fontFamily设置字体名称就可以了

相关文章

  • React-Native使用自定义字体文件iconfont

    React-Native设置自定义字体文件 今天主要说说如何通过字体文件加载应用中的一些图标 首先推荐一个网站ic...

  • React-Native solution

    持续更新中...... React-Native使用自定义字体文件iconfont *.ttf 参考:React...

  • OC-UITabBar上相关设置

    去掉黑线 自定义黑线颜色 设置背景色 自定义背景图片 设置字体偏移 字体 未选中颜色 选中颜色 注意:有点设置无限...

  • React-Native 设置自定义字体

    开发产品中为了达到人类的审美,会在产品中加入大量字体. Step1 在项目根目录创建文件夹assets/fonts...

  • 解决谷歌浏览器最小只能显示12px字体

    设置-外观-自定义字体-最小字号-设置为8px 即可:

  • IntelliJ IDEA2019 常用配置

    一、调整字体大小     1、非代码窗口字体     2、代码窗口字体 二、代码提示设置大小写无关 三、设置自定义...

  • Android Studio for Mac 主题颜色字体配置大

    目录 前言字体设置开发面板和代码颜色设置-----插件方式修改整体主题-----自定义主题修改颜色字体等-----...

  • 02-pygame显示文字

    设置窗口背景颜色 1.创建字体对象创建系统字体 创建自定义字体Font(字体文件路径,字体大小) 2.根据字体去创...

  • 反射方式修改App字体

    自定义Applicaiton,实现全局App修改,对于字体也是同理,通过Typeface设置加载App全局字体,对...

  • Android 设置字体

    吐槽 首先,来点吐槽。在Android O 之前设置字体是如此之…… 缺点:自定义字体只能通过动态代码设置; 每次...

网友评论

    本文标题:React-Native 设置自定义字体

    本文链接:https://www.haomeiwen.com/subject/ahplgxtx.html