守听 发表于 2024-8-10 11:41:30

【Flutter 自定义字体】等宽字体等

一般如果涉及自定义字体、等宽字体,我们通常使用到 Google 提供的:https://fonts.google.com/(可能需要魔法),
1 如果是等宽字体,搜索关键词 ”mono“ 就会发现有很多:

https://i-blog.csdnimg.cn/direct/0e4b86a353f3457ea0122930f73fcf4f.png
2 我们可以直接选择第一个等宽字体,点击获取,然后下载全部,解压,找到得当的 ttf 文件

https://i-blog.csdnimg.cn/direct/05fc356905b9458db2a994088142d363.png
https://i-blog.csdnimg.cn/direct/ff4cba7707d64b17bbc4411ebbe13875.png
3 最后我们在我们的项目根目录可以创建一个目录名为 fonts,然后把喜欢的ttf丢进去,

4 最后在 pubspec.yaml 文件下写入这个设置:

https://i-blog.csdnimg.cn/direct/0beb45c716174a25b37e1b5b3bfb9440.png
5 然后我们就可以使用了:

https://i-blog.csdnimg.cn/direct/0771ed3edaaf43788d355645509a320b.png
最后扯两句

其实 flutter 提供一个库名为 google_fonts:,我们可以直接使用它来使用等宽字体:
textStyle = GoogleFonts.jetBrainsMono(// 使用 google_fonts 提供的字体
                                                // 可选
            textStyle: TextStyle(
                fontFamily: 'monospace',// 也可以使用系统提供的等宽字体
            ),
            fontSize: 14,
            height: 1.4,

            );
但是它本质是提供网络去 下载的,所以以 Android studio 的网络能力,可能下不了(国内),所以往往就需要我们自己去下载设置…

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 【Flutter 自定义字体】等宽字体等