Podem fer servir fonts externes. El més fàcil és agafar-les de Google Fonts, on n'hi ha una bona quantitat./p>
Per afegir Google Fonts a Flutter, cal modificar el fitxer pubspec.yaml.
dependencies:
flutter:
sdk: flutter
google_fonts: ^8.0.2
En general, convé triar la versió més recent. En aquest cas hi ha la darrera versió en el moment d'escriure la primera versió d'aquesta pàgina.
Un cop afegit, cal picar al botó per baixar el paquet (
).
També cal donar permís d'accés a internet. Això ho farem anar al fitxer AndroidManifest.xml que es troba a la carpeta main de la carpeta src de la carpeta app de la carpeta android i afegir la línia del permís després de la de manifest i abans de la d'application:
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<uses-permission android:name="android.permission.INTERNET" />
<application
...
Si volem especificar la font en un text concret, ho podem fer de la següent manera:
... import 'package:google_fonts/google_fonts.dart'; ...
...
Text(
"Missatge",
style: GoogleFonts.playwriteDeLa(
color: Color(0xff1e6091),
fontSize: 20,
fontWeight: FontWeight.bold,
)
),
...
En cas que tinguem un fitxer d'estils, podem posar-hi també la font:
... import 'package:google_fonts/google_fonts.dart'; ...
...
static final TextStyle estilTextBotons = GoogleFonts.playwriteAr(
color: ColorsApp.text,
fontSize: 20,
fontWeight: FontWeight.bold,
);
...

Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.