How to include user fonts

Question

So I have an app in flutter where I have used custom font from Google fonts. These fonts are included in the fonts folder and I have imported in pubspec.yaml like so,

fonts:
  - family: Source Sans Pro
  fonts:
    - asset: fonts/SourceSansPro-Regular.ttf
    weight: 400
    - asset: fonts/SourceSansPro-SemiBold.ttf
    weight: 600
    - asset: fonts/SourceSansPro-Bold.ttf
    weight: 700
    - asset: fonts/SourceSansPro-Black.ttf
    weight: 900

But I want the users to be able to add their own fonts (TTf files). I can ask them to pick the TTf file and save it in appsDocDirectory, after this, how can I use the font in the app?

Taha Malik · Accepted Answer · 2020-11-22 17:53:18Z

2

Try this: got from https://github.com/flutter/flutter/issues/55458

Future<ByteData> loadFont(String path) async{
      File file = File(path);
      Uint8List bytes = await file.readAsBytes();
      return ByteData.view(bytes.buffer);
    }
    
    var custom = FontLoader('Pacifico');
    custom.addFont(loadFont("/storage/emulated/0/Download/Pacifico-Regular.ttf"));
    await custom.load();
    setState(() {});

Edit:

now your font will be available as 'Pacifico' after await custom.load(); completes

answered Nov 22, 2020 at 17:53

Taha Malik

2,4212 gold badges20 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to include user fonts

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related