美文网首页flutter
flutter之使用自定义字体库

flutter之使用自定义字体库

作者: 习惯了_就好 | 来源:发表于2019-02-20 14:25 被阅读0次
/**
 * 1.使用阿里IconFont
 *  首先下载阿里IconFont,然后导入到项目里,如在项目根目录下新建fonts文件夹,把下载的iconfont.ttf放入文件夹中
 *  然后在pubspec.yaml中添加
 *  fonts:
    - family: aliIcon 名称,随意命名
    fonts:
    - asset: fonts/iconfont.ttf 字体库路径
 * 接着将IconFont的Unicode引用  改为 0xe8e8 添加到IconData,fontFamily值为上面定义的aliIcon即可。
 *
 * 2.给Text使用字体库
 * 首先还是下载所需的字体库(可以从中华字体库等网站下载),然后导入到项目里,
 * 然后在pubspec.yaml中添加
 * fonts:
    - family: familyFontStyle
    fonts:
    - asset: fonts/abcd.otf
 * 最后可以在Text组件的TextStyle里面添加fontFamily: 'familyFontStyle',
 */
body: Column(
          children: <Widget>[
            Icon(
                IconData(0xe8e8,
                fontFamily: 'aliIcon'),
              size: 30.0,
              color: Color(0xffff0000),
            ),
            Text("使用自定义字体库使用自定义字体库使用自定义字体库使用自定义字体库使用自定义字体库",
            style: TextStyle(
              fontFamily: "familyFontStyle",
            ),)
          ],
        ),

相关文章

网友评论

    本文标题:flutter之使用自定义字体库

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