flutter 使用自定义字体

如何使用自定义字体呢?如果是flutter 项目里集成或者flutter引用三方库里的字体,flutter 文档给出解决方案:https://flutterchina.club/custom-fonts/
但是如果字体是在SDCard 或者网络上,我们应该怎么做呢?

  1. 字体在服务器:
    a) 我们可以使用FontLoader :
    flutter 使用自定义字体_第1张图片
    image.png

    图片地址:https://github.com/flutter/flutter/issues/17910#issuecomment-445184463
    主要代码:
    flutter 使用自定义字体_第2张图片
    image.png

b) 如果需要知道下载进度怎么办?
步骤1: 使用Dio 创建网络请求,并获取进度, 结束后会自动保存文件到指定目录。

image.png

ps: dio 配置文档 https://github.com/flutterchina/dio/blob/flutter/README-ZH.md

步骤2: 获取保存到的本地文件。

  1. 字体在本地:
    可以使用rootBundle 读取指定文件:


    flutter 使用自定义字体_第3张图片
    image.png

    然后就可以在TextStyle 使用刚才自定义名字的字体了。

github 地址 https://github.com/wilin52/flutter_download_font

你可能感兴趣的:(flutter 使用自定义字体)