美文网首页Flutter
flutter之使用第三方字体

flutter之使用第三方字体

作者: 莲花怪兽 | 来源:发表于2022-04-01 21:44 被阅读0次
    第一步:去goggle字体库https://fonts.google.com或其他第三方字体库下载字体

    下载后将压缩包解压后如下:


    image.png
    第二步:在工程的assets目录(没有就自己新建)下创建fonts文件夹,将*.ttf文件copy到此目录下,如下图:
    image.png
    第三步:修改pubspec.yaml文件,family其实可以理解成这个字体集的简称(统称),方便后面应用如下:
    image.png
    第四步:使用导入的字体,如下:
    全局应用,修改MaterialApp:
    image.png
    效果图:
    Simulator Screen Shot - iPhone 12 mini - 2022-04-01 at 21.38.40.png
    局部应用,修改具体Text样式属性即可:
    image.png
    效果图:
    Simulator Screen Shot - iPhone 12 mini - 2022-04-01 at 21.41.35.png

    相关文章

      网友评论

        本文标题:flutter之使用第三方字体

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