PowerFont 04-24-2019 00:09 AM - last edited 09-17-2020 08:49 AM

[Eickhel]

A PowerApp example of using custom fonts with the help of SVGs

More info at:

https://www.powernimbus.com/2019/04/using-custom-fonts-in-powerapps/

[troystaylor]

I've created a .zip file of the PowerFont.msapp file, but I am unable to import it into my environment - any ideas or suggestions?

[Eickhel]

Hey,

Don't need to do that... while in the Power Apps Designer, click on File... Open... Browse... and then look for the msapp file 😉

[troystaylor]

I'm trying to dynamically change the text using the custom font. Within the text area, can I reference another item's value? Such that the line might look like: 

<text x='20' y='120' class='regular'>label.Text</text>

[troystaylor]

I've figured out how to do it:

<text x='20' y='120' class='regular'>" & label.Text & "</text>

[AnthonyRegnier]

Hello @Eickhel 

I have downloaded from Transfonter and I have the Zip containing the CSS.

Unfortunately the document kind of stop at that moment and I don't really understand the next step - what to do with that.

Could you explain a bit further how you use the font now in PowerApps after convert it from transfonter?

Thanks a lot for your help

Anthony

[Eickhel]

Hey Anthony,

Have you tried the example app in the GitHub repository? you just need to replace the font base64 with the one you like.

https://github.com/Eickhel/PowerApps-samples/tree/master/PowerFont/Canvas

[AnthonyRegnier]

Dear @Eickhel 

I have checked but I cannot find a app to upload from the GitHub you shared.

I have tried to zip PowerFont.msapp but it doesn't work when trying to import.

Thanks for your help!

Anthony

[Eickhel]

Hey,

The .msapp file doesn't need to be imported.

From the Power App portal, click on New app and from the left pane click on Open and then Browse for the downloaded file.

Hope it helps!

[AnthonyRegnier]

oops, sorry that was stupid of me.

I see that you're using a font called Gloria Hallelujah - where do you store it?

We have a proprietary font with in ttf and otf format and I have used transfonter to convert them to woff format.

I'm basically stuck there...