Custom Font in Flutter | Flutter external font | Flutter Tutorial #14

How to use custom font in Flutter | Applying custom font in Flutter
Flutter custom font | Custom font in Flutter | External font flutter | Flutter external fonts
This video explains How to use custom or external font in Flutter.
Follow these steps to use custom or external font in Flutter project
1) Download the font from www.fonts.google.com or another website that you prefer
2) Extract or un-zip the downloaded font
3) Create folder called 'fonts' inside the project directory & paste the font here
4) Configure the font inside pubspec.ymal file & save the file
5) Restart the application
6) Use the configured font family for your text in TextStyle object
Getting fonts : www.fonts.google.com
Flutter Tutorial Playlist: • Flutter Widgets
Dart Tutorial Playlist : • Dart Tutorial

[@FlutterTeacher]

Getting fonts : www.fonts.google.com Flutter Tutorial Playlist: kzbin.info/aero/PLeKQz1VjpjFq3vbq3Hvl1866nsmAQdzUo Dart Tutorial Playlist : kzbin.info/aero/PLeKQz1VjpjFqqXLvQ8rTnYxZcUqEGA0dm

[@ostadomid3355]

Concise and usefull. Thank.

[@FlutterTeacher]

Thanks al lot. 🙏

[@mohamedatef1326]

saved me , thanks

[@somnathdas8922]

Awesome course ❤️

[@FlutterTeacher]

Thank you!

[@AdamKnebel]

thanks bro for the video!

[@FlutterTeacher]

You are most welcome dear 🙏

[@manjunathpatil6632]

thanks for quick video bro

[@FlutterTeacher]

You are most welcome dear 🙏

[@danielchukwu524]

Thanks a whole lot

[@FlutterTeacher]

Most welcome dear.

[@roninspect4357]

thanks a lot!

[@FlutterTeacher]

Glad you liked it. Most welcome 🙏

[@4404]

thx

[@FlutterTeacher]

You are most welcome 🙏

[@mahmud8088]

can you make the background at white color when you make viduo

[@FlutterTeacher]

Are you talking about the background color of VS code?? If you are talking about the background color of VS Code, then I should say, I record videos in night, hence dark mode is best for me. Even most of the developers prefers dark mode over the light one.

[@bellanatrisha1201]

hello sir, mine is throwing an error...its asking for select device...two options are popping out ...linux for this project..web for the project..what to do

[@ammadkhan2352]

connect mobile or create a virtual device

[@MafazKhan1]

Im getting an error, there are multiple font files being downloaded instead of one ttf how to use it?

[@FlutterTeacher]

Select specific font file that you need. Paste it in fonts folder of app, then configure it in pubspec file. And enjoy

[@Usershri-mr7xd]

I am getting error, i want 2-3 different styles of font at a time.. But its not working.. Please guide..

[@Usershri-mr7xd]

I also tried to add the word custom after the name of font family.. But it is showing only one font..

[@_anas_shuaib]

Hello, it looks great, but I have a small problem when I change the font type or language to Arabic. The font looks too fat or wide, annoyingly and ugly, and I don't really know how to reduce that width or thickness of the text. I really hope you understood what I'm saying 😅

[@FlutterTeacher]

Select the appropriate font weight from fonts.google.com Can you please share the screenshot on facebook. I haven't worked with Arabic fonts, if possible I will create seperate video for that one.

[@_anas_shuaib]

Oh, thank you very much, well, I do not have Facebook, I have Instagram and Twitter, but the name of the font is cairo, you can find it in the Arabic language

[@FlutterTeacher]

Ok I will try that font

[@_anas_shuaib]

Hello, I solved the problem, thank you very much. I have a simple request. Can you create a clip to create a beautiful counter and can be restored from scratch? I did that, but its shape is not good compared to my entire application and I could not add good visual effects or animation

[@FlutterTeacher]

Offcourse I would create it. Can you please send me screenshot of your app on Facebook

[@unluka_3077]

goddamn i name folder 'Fonts'... i spend 2 hours trying figure out the error

[@unluka_3077]

ty anyways, short and helpful

[@FlutterTeacher]

Please watch video properly and follow the steps as explained. After all settings done for fonts folder and pubspec.yamal don't forget to close the app and run again.

[@RayaanDanish]

brother its not working

[@FlutterTeacher]

Please tell me the error that you are getting.

[@mr.knight8967]

Take too much time for small detail

[@FlutterTeacher]

I am sorry, you think it tooke long for such small things.

[@imonseafooddiet]

Thank you

[@FlutterTeacher]

Most welcome 🙏