Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Don't miss out! 2025 Microsoft Fabric Community Conference, March 31 - April 2, Las Vegas, Nevada. Use code MSCUST for a $150 discount. Prices go up February 11th. Register now.

Missing fonts and styles in Power BI Embedded

I'm experiencing a somewhat bizarre issue with missing fonts and styles in power BI embedded. I've managed to embed my report properly, however the appearance of the report is different from what I'm seeing in power bi desktop and online.

 

As an example, this is one of the visuals from my report in power bi online:

 

Screen Shot 2023-06-29 at 12.00.29 PM.png

 

 

Here's the same visual when it's actually embedded in an angular application:

 

Screen Shot 2023-06-29 at 12.03.04 PM.png

 

As you can see, the font in the visual title is switched from Segoe UI to Times New Roman, and the spacing of the visual is changed. The content near the bottom is overflowing the bounds of the visual. This issue happens across many visuals, and which visual's fonts and styles are dropped appears to be quite random.

 

I should mention we are not using any custom fonts. I suspect that this issue might be stemming from us being in development, and not having a dedicated power bi capacity. It's possible the MS is throttling requests on their end, leading to some js bundles being dropped which could lead to the missing styles and fonts. However, I would like to confirm this as our decision to go ahead and pay for a power bi embedded capacity is contingent on whether the styling of the reports will be as expected.

 

Any help on this issue would be greatly appreciated! I'm quite stumped since this issue does not seem to be coming up on GitHub issues or MS support pages.

Status: Needs Info
Comments
Anonymous
Not applicable

Hi @Anonymous 

You embedded the report in an angular application , is this your self-developed application ? Which embedding method are you using ?

 

Best Regards,
Community Support Team _ Ailsa Tao

Anonymous
Not applicable

Hi @Anonymous ,

 

I'm not sure what you mean by a self developed application. We're using the power bi embedded angular client in our angular web app. We are using the embed for your customers embedding method.

 

We generate an embed token on the api side with appropriate permissions. The report is embedded successfuly, aside from the missing styles and fonts issue.

amarut
New Member

Hi, I have same problem. The case is font (I use Calibri) is being emmeded properly but only on Windows equipment. The issue appear when user open embbedded raports on Mac and the browser is not relevant. This is the example how it should look and looks when using Windows:

amarut_1-1695188916925.png

 

and how it looks when using Mac:

amarut_2-1695188964250.png



If anyone had similar issue and solved it?

emilerobi
Frequent Visitor

I think the problem is when the fonts are not installed on the user's machine, which is quite annoying.

CarlosRiosBRGO
New Member

Hi @Anonymous did you find a solution to this problem? I have the same problem with embadded dashboards and the only way to make it compatible with the original is to right click on the panel and "Update frame", then it seems normal. But every time we load a new embedded report, it looks “ugly” with incorrect formatting

This widget could not be displayed.