Custom Font on Flutter

Question

I have problem when I custom font on Flutter

My folder font

myapp/fonts/SairaSemiCondensed-Bold.ttf

here my pubspec.ymal

fonts:
 - family: SairaSemiCondensed
   fonts:
     - asset: fonts/fonts:SairaSemiCondensed-Bold.ttf
     weight: 700

I got error like this

Error on line 55, column 4 of pubspec.yaml: Expected a key while parsing a 

block mapping.
   fonts:
   ^

pub get failed (65)

Can anyone help me?

you should try google fonts package instead if your desired font is available at google fonts — Mahesh Jamdade, Jan 23 '20 at 04:11

score 8 · Accepted Answer · answered Nov 14 '18 at 10:28

Try

fonts:
 - family: SairaSemiCondensed
   fonts:
     - asset: fonts/fonts:SairaSemiCondensed-Bold.ttf
       weight: 700 # indented more

but it's more likely that the indentation of the whole block is wrong (or missing). Try to indent all lines in your questions one tab or 2 spaces more.

Indentation is significant in yaml.

Try to follow indentation exactly as shown in https://flutter.io/docs/cookbook/design/fonts if my suggestion above doesn't work.

score 1 · Answer 2 · answered Mar 13 '20 at 11:39

1

The issue was coming up with me. please recheck all lines in your pubspec.yaml file. it's spaces issue.

answered Mar 13 '20 at 11:39

Muhammad Ijlal khanzada

193
9

score 0 · Answer 3 · edited Jan 23 '20 at 04:57

0

try removing the {:} colon in the fonts directory and write

fonts:
 - family: SairaSemiCondensed
   fonts:
     - asset: fonts/SairaSemiCondensed-Bold.ttf
       weight: 700 # indented more

INSTEAD

edited Jan 23 '20 at 04:57

elarcoiris

1,914
4
28
30

answered Jan 23 '20 at 03:41

imashavrik

1

Custom Font on Flutter

3 Answers3

Linked