Flutter应用程序中的Google字体包不工作

wd2eg0qa  于 2022-12-30  发布在  Flutter
关注(0)|答案(5)|浏览(183)

首先,我将google_fonts包添加到pubspec依赖项中。

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.2
  google_fonts: ^0.2.0

然后

import 'package:google_fonts/google_fonts.dart';

并应用于“文本”小部件

Text(
          'This is Google Fonts',
          style: GoogleFonts.lato(fontSize: 40),
        ),
        Text(
          'This is Google Fonts',
          style: GoogleFonts.adventPro(fontSize: 40),
        ),

abithluo

abithluo1#

添加依赖项pubspec.yaml文件之后

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.2
  google_fonts: ^0.2.0

在终端\cmd控制台中运行以下命令:

> flutter packages get

这将把依赖项提取到您的工作区中。

5ktev3wc

5ktev3wc2#

我通过删除模拟器并安装一个新的来修复我的。我的旧模拟器由于某种原因没有连接到互联网,重新安装它为我修复了它。

5jvtdoz2

5jvtdoz23#

除非您将字体存储在资产中,否则您需要显式为Google Fonts启用运行时获取:
配置允许运行时间获取=真;

dkqlctbz

dkqlctbz4#

Google Fonts是在运行时从Internet获取的。
要解决这个问题,请按照以下步骤从google font下载字体,并使其在asset folder中可用。
1.访问https://fonts.google.com/并下载lato字体。
1.在根目录下,创建一个名为google_fonts的目录。
1.复制(Copy)-将lato.ttf文件粘贴到google_fonts文件夹。
1.打开pubspec.yaml文件,在资源下:部分添加-google_fonts/
并将代码从

// Online Mode
Text(
  'This is hammersmithOne from Google Font'
  style: GoogleFonts.lato(),
),

// Offline Mode
Text(
  'This is hammersmithOne from Google Font',
   style: TextStyle(fontFamily: 'lato') // This is loaded from assets
),

如需进一步参考,请参阅this文章。
请同时参考这些堆栈溢出答案:

ergxz8rk

ergxz8rk5#

请检查internet连接-您的模拟器没有internet连接。google字体需要设备/模拟器上的internet连接。

相关问题