How to add custom font in app inventor option?

Open Source Development
1

I want to add fonts in app inventor font option to do so I want to know what I have to edit or change .

IMG_20210109_091554_113
IMG_20210109_091554_1131280×720 132 KB

2 Likes
2

Use this extension-

3
4 Likes
4

No I want to edit app inventor source and add fonts in my personal version! And that extension isn't working perfectly.

5

+

do it ur self show error

3 Likes
6

Means? Explain in detail.

2 Likes
7

i guess @Tauqir_Tech_BD wants to make a label extension which acts like a normal label with all blocks as same but another property block in designer,blocks which can be used to change fonts and it is showing errors or not working properly
in that case

1 Like
8

not only in label in all components where font selection is enabled

9

and i want to add fontawsome , matrial icon etc in that link to use like kodular, appybuilder,

10

want to add custom font typeface

11

@ewpatton please help. I have added item in list https://github.com/mit-cml/appinventor-sources/blob/cc121a481d7edd75878f24c3ccac70fa8584daa8/appinventor/appengine/src/com/google/appinventor/client/editor/youngandroid/properties/YoungAndroidFontTypefaceChoicePropertyEditor.java but don't know what else I have to change and where I have to add the ttf file. Please help me😥

12

Hello,

I don't believe it is possible to add a custom font to core app inventor. App Inventor seems to use the TextViewUtil class to set the font, which relies on the TypeFace class provided by core Android :confused: Since it relies on an outside class to handle the .ttf files, it doesn't seem to be modifyable.

But I'm not very familiar with this area of App Inventor, so I could be wrong!

Best wishes,
--Beka

1 Like
13

Thanks for your answer.:blush:

1 Like
14

If anyone know how to do it then please reply.

15

Can you tell me how to add fontawsome and material icon?

16

Hello,

I'm not exactly sure; I don't have experience doing that :confused: The extension links that people posted above may be helpful =)

If you still need more help I recommend creating a new issue in the MIT App Inventor help category. It will be best if you describe exactly what you want to do, ie add fontawesome and material icons to your app =)

Best wishes,
--Beka

1 Like
17
1 Like
18

Here is the demo to how to set font icon on label:

  1. download and import this extention:
    https://www.kevinkun.cn/enhance.html (v4)

  2. download the fontawesome-webfont.ttf (v4.7.0) file from here and upload to asset

  3. make the block like this:
    2021-01-13_204734
    in this case, the label will be like this:
    2021-01-13_204754

  4. for more unicode, please refer to:
    https://fontawesome.com/v4.7.0/cheatsheet/

that's all.

1 Like
19

Hi @Tauqir_Tech_BD
This should work fine:

  1. Add font name in YoungAndroidFontTypefaceChoicePropertyEditor.java file.
    Add font name in OdeMessages.java and Component.java files.
    (I assume you know how to add values there :wink: )

  2. Now you will have to do some modifications in TextViewUtil.java.
    Add this:

case Component.YOUR_FONT :
     tf = Typeface.createFromAsset(form.getAssets(),"your_font.ttf");
     break;

Make sure you add ttf file to assets.

2 Likes
20

Thanks for helping me