User Feedback on Custom Font Typeface Support in App Inventor [GSoC-'21]

Hello everyone! I am Preet one of the students working on Google Summer of Code(GSoC), and I need some Feedback & Opinion about my project for this summer.

About The Project


Name: Custom Font Typeface Support
Description: An approach to enhance the functionality of MIT App Inventor by adding support of Custom Font typeface.
Mentors: Evan W. Patton @ewpatton, Susan Rati Lane @Susan_Lane

Brief Explanation

Currently, MIT App Inventor does not support custom fonts, the user can only choose between Sans-Serif, Serif, Monospace, or default fonts, so the main abstract of the project is to add custom font support to visible components of MIT App Inventor like buttons, checkboxes, etc...

How can this help the app created with MIT App Inventor?

Custom fonts allow you to use beautiful combinations of different fonts on your app to improve typography and user experience. Aside from looking good, custom fonts can also help you improve readability, create a brand image, and increase the time users spend on your app.

Results

After implementation users can use custom fonts for their apps and its increased functionality allows more flexible user-interface designs.

Other Information

for more information, you can check out my project proposal here. I will be very happy if you suggest to me more ideas or something regarding my implementing approach.

leave your valuable comment on proposal docs or this conversation thread, Especially I request all Power User @powerusers.



Regards
Preet Vadaliya

19 Likes

Have a great summer.

You may already know what the most 'popular' fonts are in use by Android professional developers. I asked myself what I would like in new fonts and decided I don't have a preference, but others do. The information in this listing might be helpful https://www.google.com/search?q=Android+most+used+fonts&rlz=1C1CHBF_enUS887US887&oq=Android+most+used+fonts&aqs=chrome..69i57.6534j0j7&sourceid=chrome&ie=UTF-8

Looking forward to see what you can come up with to make AI2 more 'beautiful."

-- Steve

1 Like

Are existing extensions not helping MIT enough?

YourFont Extension - Opensource

MyFonts → use your own custom fonts (a modified version of @Ken's YourFont extension)

1 Like

That's great project @preetvadaliya :+1:

Implementing it as a feature and using it as an extension are quite different things.
You need different approach to add custom fonts support.

4 Likes

hmm, almost got it

1 Like

Here is a related thread:

2 Likes

@SteveJG thanks for your feedback.

I will try my best.

@Salman_Dev

Yes you can also use the extension but when you use extension you can not see the preview into designer (into phone mock-up).

Second thing this project add New property editor so that you can only see fonts file into drop-down.

2 Likes

@vknow360 thanks for your valuable feedback.

1 Like

Epic project :heart_eyes: Will help a lot in UI, I wish you succeed in it and MIT implements it :star_struck:

Wish you a great summer

:smiling_face_with_three_hearts:

1 Like

Great project. I read your proposal. It will make a lot of users, including me, very happy. :grin::+1:

6 Likes

The extensions are just some kind of workaround, which is not in ai2. If the function is already in ai2, the extension will no longer be needed. The ios version does not support extensions and it is not known if and when they will be supported. The more built-in functions the better for ios.

4 Likes

Nice work.

Great! From my point of view, it would be particularly helpful to be able to use Material icons for Android & iOS.

4 Likes

Ofcourse no.

1 Like

Don't talk about old things okay :unamused:

@Anke Could you expand on what you mean by "material icons" in this context?

If custom fonts are added, Material Icons should also be possible, as I do with my MyFonts extension, for example:

1 Like

Btw, I updated (recompiled) MyFonts extension to avoid the problem of removing a service from the Manifest of another extension. You explained the cause of this issue in detail.

After the First Week of Program


Hello, everyone, I am here to share progress on my GSoC project, after the first week of the official coding period I have completed the designer preview part as well as the android part.

Here are some Images of work...

Designer preview of custom font support


Preview option for font resources similar to other assets resources like pics and videos


New property editor for font typeface...

Capture

I will set app-spot insurance as early as possible so you can test it as well as I will create design docs this week.

Thanks and Regards
Preet Vadaliya

14 Likes