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/

[Eickhel]

Hi,

Have you tried the steps in this post?

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

You need to take the stylesheets.css from Transforter and put the base64 inside the url() of the image data:

"data:image/svg+xml," & // You need to include this data uri to indicate that the code herein is an SVG image
 EncodeUrl(
    "<svg viewBox='0 0 1291 338' xmlns='http://www.w3.org/2000/svg'>
  <style>
    @font-face {
        font-family: 'Gloria Hallelujah';
        src: url() format('woff2'),
            url() format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .Glory { font: 128px Gloria Hallelujah }
    .Colored { fill: red }
  </style>

  <text x='20' y='120' class='Glory'>This is a custom</text>
  <text x='70' y='280' class='Glory'>font in</text><text x='580' y='280' class='Glory Colored'>PowerApps!</text>
</svg>"
)

Let me know how it goes.