Flutter 使用自定義字體

效果:
在這裏插入圖片描述 在這裏插入圖片描述

非常的簡單。

導入字體

  • 隨便在網上找一個免費的字體,下載下來會得到一個後綴爲.ttf的文件,即字體文件。

  • 或者自己做一個。

  • 在項目的根目錄中新建一個fonts文件夾(目錄、命名可以隨意),並把剛纔的文件拷進去。
    在這裏插入圖片描述

引用字體

  • pubspec.yaml文件中配置字體
...

flutter:

  fonts:
    - family: mononoki
      fonts:
        - asset: fonts/mononoki-Regular.ttf
          weight: 500

  • family:字體名稱
  • asset:字體路徑
  • weight:比重(400相當於normal,700相當於bold)

使用字體

           child: Text(
             "wanandroid_flutter V1.0",
             style: TextStyle(fontSize: 25, fontFamily: 'mononoki'),
           ),

Text的style中有一個fontFamily屬性,參數即字體的名稱。


github:https://github.com/yechaoa/wanandroid_flutter


官方文檔:https://flutter.dev/docs/cookbook/design/fonts#from-packages


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章