flutter之使用第三方字体

第一步:去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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容