Explain file structure for app on 'Exporting fonts from a package' page

[OpenTechConsult]

Page URL: https://docs.flutter.dev/cookbook/design/package-fonts Page source: https://github.com/flutter/website/tree/master/src/docs/cookbook/design/package-fonts.md

Description of issue:

I am trying to follow the recipe Export fonts from a package in the Cookbook, but I'm very confused about how to organize the whole project. The directories/files structures. Also, there is nowhere to find the complete source code of the project on GitHub for instance. I don't know if it's going to be two distinct projects or one project. Please help me out.

[maheshj01]

Hi @OpenTechConsult, Thanks for filing the issue I do agree that couple of things are missing here.

Missing things

• steps to creating a package whether it is created manually / via flutter command (if any) and at what location.
• Where to add the awesome_package directory in the root of the project / at the level of project
• Source code of the complete app to refer.

To answer your question.

The cookbook clearly mentions

This recipe uses the following steps: Add a font to a package. Add the package and font to the app. Use the font.

This basically means you will create a fonts package (name ="awesome_package"), The first step defines the structure of the package. This package will contain your fonts.

Once you have your package ready. You will place it in a packages directory in the root of your flutter project

folder Structure

 - flutterProject
    - packages/
           awesome_package/
    - lib/
          -main.dart
    - pubspec.yaml

And then you could simply add the fonts path in pubspec.yaml and use it as described in the cookbook.

Hope this helps.

Thank you.