Missing fonts and styles in Power BI Embedded

[Anonymous]

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:

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

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.

[Anonymous]

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]

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]

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:

and how it looks when using Mac:

If anyone had similar issue and solved it?

[emilerobi]

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

[CarlosRiosBRGO]

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