Skip to main content

Notifications

Power Pages - Power Apps Portals
Suggested answer

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

Like (0) ShareShare
ReportReport
Posted on 1 Oct 2024 10:00:58 by
Hi there,

Can anyone tell me How can I install additional fonts to use in Power Apps? thanks.
Categories:
  • Suggested answer
    Fubar Profile Picture
    Fubar 7,647 on 20 Oct 2024 at 21:55:11
    How can I install additional fonts to use in Power Apps?

    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
     
  • Suggested answer
    SaiRT14 Profile Picture
    SaiRT14 1,559 on 20 Oct 2024 at 13:47:22
    How can I install additional fonts to use in Power Apps?
    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.

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

Quick Links

November 2024 Newsletter…

November 2024 Community Newsletter…

Community Update Oct 28…

Power Platform Community Update…

Tuesday Tip #9 Get Recognized…

Welcome to a brand new series, Tuesday Tips…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 144,238

#2
RandyHayes Profile Picture

RandyHayes 76,308

#3
Pstork1 Profile Picture

Pstork1 64,290

Leaderboard
Loading complete