Power Pages

How can I install additional fonts to use in Power Apps?

(0) Share

Report

Posted on by ST-01100947-0

Hi there,

Can anyone tell me How can I install additional fonts to use in Power Apps? thanks.

Categories:

Power Apps portals

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

SaiRT14 1,990 Super User 2025 Season 2 on at

Like (0)

Report
Here are the points:

Custom Fonts across Devices: The HTML Text control method may render differently across devices. Always test to ensure the font appears correctly in the web player, mobile app, and any other interfaces.

No Direct Font Installation: Power Apps doesn’t currently support direct installation of fonts. Customization options are limited to HTML controls or image-based workarounds.

Was this reply helpful? Yes No
Suggested answer

Fubar 8,361 Super User 2025 Season 2 on at

Like (0)

Report
Edit: this does not add the font to the dropdown list, but allows you to use a different font(s) for the site

It is not as easy as you first think, Basically, you need to create a custom css file (that contains your font settings and !important the items so they override ), add that file to the Style that you have selected in the Power Pages Designer.

If you are adding an actual custom font, in your custom css file you will need to define the font-face, and then add the font family into the elements that you need it to apply to (similarly if not using a custom font face, then would not have the font-face element and just put the font name against the respective css elements)

@font-face { font-family: 'xxxxxx'; src: url( /xxxxxx.ttf ); } a { font-family: xxxxxx !important; } p { font-family: xxxxxx !important; } h1, h2 { font-family: xxxxxx !important; }

Note: the above is not all the tags that you will need to add to have it apply to everything (just the starting point). Also, if storing the font in your site (e.g. rather than a url to a cdn like google) you will need to upload the font as a Web File from the Power Pages Management App.

This link shows how to add custom css file to the existing style

https://learn.microsoft.com/en-us/power-pages/getting-started/tutorial-add-custom-style

Was this reply helpful? Yes No