web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / How can I install addi...
Power Pages
Suggested Answer

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

(0) ShareShare
ReportReport
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
  • Suggested answer
    SaiRT14 Profile Picture
    SaiRT14 1,992 Super User 2025 Season 1 on at
    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.
  • Suggested answer
    Fubar Profile Picture
    Fubar 17 Super User 2026 Season 1 on at

    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
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the August Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
M Bilal Khan Profile Picture

M Bilal Khan 139

#2
Mohsin Ali Profile Picture

Mohsin Ali 41

#3
11manish Profile Picture

11manish 19 Super User 2026 Season 2

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals
Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans