How to use custom font for web page in PowerApps Portal

[Dhananjay_Patil]

Hello 

I want to use Futura font in my web page in PowerApps Portal

Can any one please suggest , how to use it?

[OOlashyn]

Hi @Dhananjay_Patil ,

To use custom font you need to use font-face CSS rule. You can find more about it in this MDN article. You need to add this rule either to your main css file or just to the page where you want to use this font. It will look something like this if you will store your font as a webfile on the portal:

@font-face {
    font-family: 'Futura';
    src: url("/Futura.ttf");
}

[matthu]

I cannot believe I missed this post, can anyone clarify how to add the custom font to web files? do I just upload it to notes in a new file entitled "my font" or something and then do I add this CSS to my custom CSS file that I update in portal studios? would that then be site wide?

[ragavanrajan]

Just in case for future reference. 

Solutioned in the below thread

https://powerusers.microsoft.com/t5/Power-Apps-Portals/Portal-Fonts/m-p/1332225#M9568 

Download the desired font and upload it as a web file then follow the above thread and apply custom styling. Then the portal can be rendered using "Futura Font" 

Hope it helps. 
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.