Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Community App Samples
    • Re: PowerFont

    Re: PowerFont

    09-18-2020 08:05 AM

    Eickhel
    MVP
    652 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    Eickhel
    Eickhel
    MVP
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    PowerFont

    ‎04-24-2019 12:09 AM

    A PowerApp example of using custom fonts with the help of SVGs

    PowerFont.png

     

    More info at:

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

    Preview file
    76 KB
    PowerFont.msapp
    Labels:
    • Labels:
    • Formulas and Controls
    • Web Desktop Hub App Design and User Experience
    Message 1 of 11
    6,398 Views
    8 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    • « Previous
      • 1
      • 2
    • Next »
    Eickhel
    Eickhel
    MVP
    In response to AnthonyRegnier
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎09-18-2020 08:05 AM

    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.

    • A
    Message 11 of 11
    652 Views
    0 Kudos
    Reply
    • « Previous
      • 1
      • 2
    • Next »

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    Consumer Privacy Act (CCPA) Opt-Out Icon Your Privacy Choices