Flutter Tutorial - Add Custom Fonts & Google Fonts

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 45

  • @HeyFlutter
    @HeyFlutter  Год назад

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/google_fonts_example

  • @andrewmukelabai8209
    @andrewmukelabai8209 2 года назад +1

    Evidence of a good tutorial is when the tutor makes you feel like a genius! Thanks man!

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Glad I could be of help, Thank you Andrew Mukelabai! 😊

  • @coraleenamarie5869
    @coraleenamarie5869 3 года назад +1

    Thank you so much for all your videos! You’re a great teacher!
    Subscribed with notification bell on :)

  • @mohsinikram8921
    @mohsinikram8921 3 года назад

    Great.
    Which is best in your case? what do you prefer?

  • @longphan2721
    @longphan2721 3 года назад +1

    Hi Milke, First time launch app, When we use font google, it is not render before display, it will change our text a little bit and i see it is not good UX for user. Do you have an ideal for fix it ?

    • @longphan2721
      @longphan2721 3 года назад

      Thanks Milke i has found the answer on your google font source code. That's you use font in assets file and pubspect.yaml, it will completely render before display it.

  • @metalmlover
    @metalmlover 2 года назад

    Great video, way to go. I really appreciate your tutorials a lot. keep up the awesome work

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thanks, @metalmlover! 🙂

  • @gnrslashsp6501
    @gnrslashsp6501 3 года назад

    Very cool this tutorial, it is so exciting to wait for your next tutorial, always a good surprise !!

  • @abubakarflutter
    @abubakarflutter 3 года назад

    Getting Error, Please help, I've tried both approaches but error is still there.
    Error: unable to locate asset entry in pubspec.yaml: "assets/AirbndCerealMedium.ttf".
    Error: unable to locate asset entry in pubspec.yaml: "lib/assets/fonts/AirbndCerealMedium.ttf".

  • @teumaeot1241
    @teumaeot1241 3 года назад

    hello, i have created an app that needs to install the custom fonts into android phones. But i am not sure how to make it get installed to the phone. Please help. Is there any paackage needed to make my custom font to install into the android device?

    • @teumaeot1241
      @teumaeot1241 3 года назад

      @@HeyFlutter thank you for the instant reply. I have watched ur video and I was able to add my custom font to my font app. Now I want my users to select those fonts from the font app and use that font throughout the android phone. How can I make it happen??

  • @artichaudhary2329
    @artichaudhary2329 2 года назад

    You are the best sir

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank you, Arti Chaudhary! 🙂

  • @jiren8991
    @jiren8991 3 года назад

    Great content as usual.

  • @Patrickus23
    @Patrickus23 2 года назад

    If I add the downloaded font in my asset and I try to run code, I receive an error: Could not build the aplication for the simulator. This happens when I try to add images from my pc too. Any help?

    • @Patrickus23
      @Patrickus23 2 года назад

      I didn’t try on a real device. I want to use the emulator to test my app and it seems that it didn’t work

  • @PrateekAher
    @PrateekAher 3 года назад

    I have a question. Would it increase the size of my app if I used a package instead of an asset for fonts?

  • @1RRaider
    @1RRaider 3 года назад

    Please answer my question 😫. What if the text is of diff types? Like bold regular. Italic, please how can u change to prefer one. Because they all have one family

    • @1RRaider
      @1RRaider 3 года назад

      @@HeyFlutter thank you sir.

  • @pranavgupta2900
    @pranavgupta2900 3 года назад

    Hi
    I just learn making an app from udemy course from Dr Angela Yu.
    BMI calculator but when ever i run my code on different devices the layout changes a little bit and sometimes in small screens overflow problem occurs.
    Can you please suggest how can i solve this problem

  • @durgeshjadhav01
    @durgeshjadhav01 Год назад

    actually when i release a apk , the fonts get changed to normal one , What is the solution of it ?

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank You @durgeshjadhav01! Follow this link: stackoverflow.com/questions/70949366/font-lost-in-release-apk-flutter
      I hope you will get your answer 🙂

  • @michaeloluwatimileyin3580
    @michaeloluwatimileyin3580 3 года назад +1

    Great tutorial!
    In a case that i have the same font name 'Roboto' but different style such as Roboto-Bold.ttf, Roboto-Regular.ttf...
    How can i use the two together and how will it be specified in the pubspec.yaml
    Thanks

  • @eNONO-ot4zh
    @eNONO-ot4zh 3 года назад

    it's too good. Thank you.
    You can take a course on a guided tour with a 360 camera.
    is this possible with Flutter?

    • @eNONO-ot4zh
      @eNONO-ot4zh 3 года назад

      @@HeyFlutter thank you 👍

  • @ahmedsalah5850
    @ahmedsalah5850 3 года назад

    Thanks slot bro 💙♥️

  • @leonzainun2417
    @leonzainun2417 3 года назад

    Awesome tutorial Johannes! btw I'm trying to import multiple custom fonts to my app, is there an instant way to import it? instead of writing it one by one in pubspec font? thank you in advance

  • @haiderjaafer8164
    @haiderjaafer8164 3 года назад

    Great as always keep going forward...

  • @Hi-tk4he
    @Hi-tk4he 3 года назад

    Please make video on latest introduced google mobile ads plugin for all type ads. Thanks

  • @flutterdeveloper7032
    @flutterdeveloper7032 2 года назад

    I am getting an error of "displayLarge" after compiling?

  • @angelc5022
    @angelc5022 3 года назад

    ¡Que buen video, amo este canal!

  • @xuanattrinh4561
    @xuanattrinh4561 3 года назад

    bro can do it home widget and popup override application like messenger ?

    • @xuanattrinh4561
      @xuanattrinh4561 3 года назад

      An application I'm working on needs something similar to messenger's floating chat heads. And I want to develop my app using Flutter. Can we do that?

  • @codermadushan
    @codermadushan Год назад

    Thank you very much for this video😀. I need to know how to make app font same as device font. can you help me 🥲

    • @HeyFlutter
      @HeyFlutter  Год назад

      Hey 😊, @pasinduwijewardhane6809! Check out this solution: stackoverflow.com/a/59143444

  • @tahagpr8839
    @tahagpr8839 3 года назад

    realy realy ,thank U ,you are very very good.❤️❤️

  • @sk-px3bq
    @sk-px3bq 3 года назад

    Brother can u do some back-end stuff

  • @robsonp2000
    @robsonp2000 3 года назад

    Thanks

  • @bitbit5626
    @bitbit5626 Год назад

    Thank you sure ❤

    • @HeyFlutter
      @HeyFlutter  Год назад

      You are welcome, @bitbit5626 😊

  • @ishanmadushanka3709
    @ishanmadushanka3709 2 года назад

    තෑන්ස්