zoukankan      html  css  js  c++  java
  • Flutter使用自定義字體庫

    字體下載:http://www.font5.com.cn/

    /**
     * 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",
                ),)
              ],
            ),
  • 相关阅读:
    12
    11
    10
    9
    8
    7
    6
    5
    4
    3
  • 原文地址:https://www.cnblogs.com/ssjf/p/13072603.html
Copyright © 2011-2022 走看看