Flutter 如何在Flatter web中添加自定义字体?

Flutter 如何在Flatter web中添加自定义字体?,flutter,custom-font,flutter-web,Flutter,Custom Font,Flutter Web,所以,我现在正在开发一段时间的颤振移动应用程序,我想探索颤振网络,现在我尝试添加自定义字体,但它没有显示自定义字体 我已经添加了所有依赖项,并为字体创建了一个单独的文件夹,并将其添加到pubspec.yaml中,就像我在flattermobile中所做的那样 我的主飞镖 class Home extends StatefulWidget { @override _HomeState createState() => _HomeState(); } class _HomeStat

所以,我现在正在开发一段时间的颤振移动应用程序,我想探索颤振网络,现在我尝试添加自定义字体,但它没有显示自定义字体

我已经添加了所有依赖项,并为字体创建了一个单独的文件夹,并将其添加到pubspec.yaml中,就像我在flattermobile中所做的那样

我的主飞镖


class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.red,
        title: Text("Dextroxd",
            style: TextStyle(
              fontSize: 36.0,
              fontFamily: 'CookieFam',
              color: Colors.white,
              fontWeight: FontWeight.w500
            )),
        centerTitle: true,
      ),
    );
  }
}

类Home扩展了StatefulWidget{
@凌驾
_HomeState createState()=>\u HomeState();
}
类(HomeState扩展状态){
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
背景颜色:Colors.red,
标题:文本(“Dextroxd”,
样式:TextStyle(
字体大小:36.0,
fontFamily:“CookieFam”,
颜色:颜色,白色,
fontWeight:fontWeight.w500
)),
标题:对,
),
);
}
}
我的pubspec

description: An app built using Flutter for web

environment:
  # You must be using Flutter >=1.5.0 or Dart >=2.3.0
  sdk: '>=2.3.0 <3.0.0'


flutter:
  fonts:
    - family: CookieFam
      fonts:
       - asset: assets/Cookie-Regular.ttf



dependencies:
  flutter_web: any
  flutter_web_ui: any

dev_dependencies:
  build_runner: ^1.6.2
  build_web_compilers: ^2.1.0
  pedantic: ^1.7.0

dependency_overrides:
  flutter_web:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web
  flutter_web_ui:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web_ui
description:一个使用flatterforweb构建的应用程序
环境:
#必须使用颤振>=1.5.0或Dart>=2.3.0

sdk:'>=2.3.0在字体文件夹中添加字体,并在pubspec.yaml中添加字体。例如,请参考给定的图像

字体文件夹:

公开发行

现在,在web部分添加
assets
文件夹,并在下面添加名为web/assets/
fontmifest.JSON的JSON文件


很好,现在您的字体已应用于Flatter web应用程序。

可能是重复的而不是重复的,可能是Flatter当前不支持web自定义字体(.ttf-hosted)。
[
  {
    "family": "MuliBold",
    "fonts": [
      {
        "asset": "fonts/Muli-Bold.tff"
      }
    ]
  },
  {
    "family": "MuliExtraBold",
    "fonts": [
      {
        "asset": "fonts/Muli-ExtraBold.ttf"
      }
    ]
  },
{
    "family": "MuliRegular",
    "fonts": [
      {
        "asset": "fonts/Muli-Regular.ttf"
      }
    ]
  }
]