How to add custom font in app inventor option?

Tauqir_Tech_BD · January 9, 2021, 3:25pm

want to add custom font typeface

Tauqir_Tech_BD · January 10, 2021, 3:34am

@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😥

BeksOmega · January 10, 2021, 3:37pm

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 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

Tauqir_Tech_BD · January 10, 2021, 6:21pm

Thanks for your answer.

Tauqir_Tech_BD · January 10, 2021, 6:22pm

If anyone know how to do it then please reply.

Tauqir_Tech_BD · January 11, 2021, 3:16pm

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

BeksOmega · January 11, 2021, 10:52pm

Hello,

I'm not exactly sure; I don't have experience doing that 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

Anke · January 13, 2021, 9:58am

KevinWang · January 13, 2021, 12:59pm

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

download and import this extention:
https://www.kevinkun.cn/enhance.html (v4)
download the fontawesome-webfont.ttf (v4.7.0) file from here and upload to asset
make the block like this:

in this case, the label will be like this:
for more unicode, please refer to:
https://fontawesome.com/v4.7.0/cheatsheet/

that's all.

vknow360 · January 13, 2021, 1:29pm

Hi @Tauqir_Tech_BD
This should work fine:

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 )
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.

Tauqir_Tech_BD · January 13, 2021, 5:25pm

Thanks for helping me

Tauqir_Tech_BD · January 14, 2021, 3:29pm

which folder is the assets folder. If you are talking about apps asset folder then please I don't want to upload everytime please give me another way or if not then which?

Android_Builder · February 9, 2021, 7:28am

appinventor-sources/appinventor/appengine/war/static/ fonts /

Tauqir_Tech_BD · February 18, 2021, 2:24am

Having this error when I tried this:

[javac] C:\Users\Administrator\appinventor-sources\appinventor\components\src\com\google\appinventor\components\runtime\util\TextViewUtil.java:149: error: non-static method getAssets() cannot be referenced from a static context

BUILD FAILED
C:\Users\Administrator\appinventor-sources\appinventor\build.xml:16: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\build-common.xml:341: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\components\build.xml:215: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\build-common.xml:125: Compile failed; see the compiler error output for details.

Aarush_Kumar · February 18, 2021, 3:03am

is that full error?

Tauqir_Tech_BD · February 18, 2021, 11:03am

Yes this is the only error

Kumaraswamy · February 18, 2021, 11:07am

This is the error.

Tauqir_Tech_BD · February 19, 2021, 2:57am

Yes how to solve this error van you help me

ewpatton · February 19, 2021, 2:09pm

Since we can't see your code, the most likely thing I can think of is that you're doing something like Context.getAssets(), which is wrong because getAssets() is an instance method but Context is a class. You need to call it on an instance of Context instead, typically by calling getContext() on some other Android object. If you've got an instance of Form lying around, it is a Context so you could also use that.

Tauqir_Tech_BD · February 20, 2021, 2:57am

github.com

mit-cml/appinventor-sources/blob/50af1648c96effa6be0db0e3e08921c9d6cf2903/appinventor/components/src/com/google/appinventor/components/runtime/util/TextViewUtil.java#L22


      
          import android.graphics.Typeface;
          import android.view.Gravity;
          import android.widget.TextView;
          import android.text.Html;
          import android.content.Context;
          
          /**
           * Helper methods for manipulating {@link TextView} objects.
           *
           */
          public class TextViewUtil {
          
            private TextViewUtil() {
            }
          
            /**
             * TextView alignment setter.
             *
             * @param alignment  one of {@link Component#ALIGNMENT_NORMAL},
             *                   {@link Component#ALIGNMENT_CENTER} or
             *                   {@link Component#ALIGNMENT_OPPOSITE}

Code:

github.com

mit-cml/appinventor-sources/blob/cc121a481d7edd75878f24c3ccac70fa8584daa8/appinventor/appengine/src/com/google/appinventor/client/editor/youngandroid/properties/YoungAndroidFontTypefaceChoicePropertyEditor.java

// -*- mode: java; c-basic-offset: 2; -*-
// Copyright 2009-2011 Google, All Rights reserved
// Copyright 2011-2012 MIT, All rights reserved
// Released under the Apache License, Version 2.0
// http://www.apache.org/licenses/LICENSE-2.0

package com.google.appinventor.client.editor.youngandroid.properties;

import static com.google.appinventor.client.Ode.MESSAGES;
import com.google.appinventor.client.widgets.properties.ChoicePropertyEditor;

/**
 * Property editor for font typeface of text.
 *
 */
public class YoungAndroidFontTypefaceChoicePropertyEditor extends ChoicePropertyEditor {

  // Font typeface choices
  private static final Choice[] fontTypefaces = new Choice[] {
    new Choice(MESSAGES.defaultFontTypeface(), "0"),

This file has been truncated. show original

code:

github.com

mit-cml/appinventor-sources/blob/cc121a481d7edd75878f24c3ccac70fa8584daa8/appinventor/appengine/src/com/google/appinventor/client/OdeMessages.java

// -*- mode: java; c-basic-offset: 2; -*-
// Copyright 2009-2011 Google, All Rights reserved
// Copyright 2011-2020 MIT, All rights reserved
// Released under the Apache License, Version 2.0
// http://www.apache.org/licenses/LICENSE-2.0

package com.google.appinventor.client;

import com.google.gwt.i18n.client.LocalizableResource;
import com.google.gwt.i18n.client.Messages;

/**
 * I18n strings for {@link Ode}.
 *
 */
@LocalizableResource.Generate(format = "com.google.gwt.i18n.rebind.format.PropertiesFormat")
public interface OdeMessages extends Messages, AutogeneratedOdeMessages {
  // Used in multiple files

  @DefaultMessage("Default")

This file has been truncated. show original

Code: