颤动图标显示为矩形而不是其真实形状

Question

这是我的 pubspec.yaml 包含字体部分的代码，我把每件事都正确地设置为资产路径、编码部分，但我不知道为什么它看起来像矩形

name: community
description: A new Flutter project.
version: 1.0.0+1

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  bloc: ^7.1.0
  fluttertoast: ^8.0.8
  flutter_bloc: ^7.2.0
  firebase_core: ^1.7.0
  firebase_auth: ^3.1.3
  cloud_firestore: ^2.5.4
  connectivity_plus: ^1.1.0
  shared_preferences: ^2.0.7
  conditional_builder_null_safety: ^0.0.6
  flutter_fgbg: ^0.1.0
  hexcolor: ^2.0.5
  flutter:
    sdk: flutter




  cupertino_icons: ^1.0.2

dev_dependencies:
  flutter_test:
    sdk: flutter



flutter:

 
  uses-material-design: true

 
fonts:
      - family: IconBroken
        fonts:
        - asset: assets/fonts/icons.ttf

这是应该将 .tff 文件转换为 IconData 的 dart 文件（包含很多图标）

import 'package:flutter/widgets.dart';

class IconBroken {
  IconBroken._();

  static const String _fontFamily = 'IconBroken';

  static const IconData User = IconData(0xe900, fontFamily: _fontFamily);
  static const IconData User1 = IconData(0xe901, fontFamily: _fontFamily);
  static const IconData Activity = IconData(0xe902, fontFamily: _fontFamily);
  static const IconData Add_User = IconData(0xe903, fontFamily: _fontFamily);
  static const IconData Arrow___Down_2 = IconData(0xe904, fontFamily: _fontFamily);
  static const IconData Arrow___Down_3 = IconData(0xe905, fontFamily: _fontFamily);
  static const IconData Arrow___Down_Circle = IconData(0xe906, fontFamily: _fontFamily);
  static const IconData Arrow___Down_Square = IconData(0xe907, fontFamily: _fontFamily);
  static const IconData Arrow___Down = IconData(0xe908, fontFamily: _fontFamily);
  static const IconData Arrow___Left_2 = IconData(0xe909, fontFamily: _fontFamily);
  static const IconData Arrow___Left_3 = IconData(0xe90a, fontFamily: _fontFamily);
  static const IconData Arrow___Left_Circle = IconData(0xe90b, fontFamily: _fontFamily);
  static const IconData Arrow___Left_Square = IconData(0xe90c, fontFamily: _fontFamily);



}

这是实时图标的图像 link：

Answer 1

这是关于如何添加自定义字体的 Flutter 文档示例。对比你的文件，间距不对，请注意 space.

flutter:
  fonts:
    - family: Raleway
      fonts:
        - asset: fonts/Raleway-Regular.ttf
        - asset: fonts/Raleway-Italic.ttf
          style: italic
    - family: RobotoMono
      fonts:
        - asset: fonts/RobotoMono-Regular.ttf
        - asset: fonts/RobotoMono-Bold.ttf
          weight: 700

颤动图标显示为矩形而不是其真实形状

flutter icons appeared as rectangle instead of its real shape

fonts

dart

flutter

flutter-dependencies

flutter-layout