The text boxes are not showing properly in Mac PBI Server

[jswamy]

Hi team,

I am facing the issues with text box... I am creating it in report from windows and publishing it into Power BI Service. from my side the view of report is looking good as you can see below screeshot but when my friend  opened it in Mac book PC, the view is changing and the text boxes are making clumsiness. Please check the below screeshots.

This is which i have created and i could see better from Power BI Service  (Created from Windows laptop):

The below screeshot from my friend's MACBOOK PC.

 If you see, From my side the text boxes are sitting nice but from my friend's MAC its looking awkward. How to overcome this issue please let me know anyone?

Thanks for your time. 

[Uzi2019]

Hi @jswamy 

Power BI uses the Segoe UI font for text as its default, and the Din font for numbers, and other fonts when creating reports, dashboards, and other artifacts, which may not be available on non-Windows computers such as Macs. As a result the font, alignment of artifacts, and visuals for the same report will look different when viewed on a Windows computer versus a Mac.

For reference:

Fonts

That a limitation of alignment on Mac system, properly mentioned in PBI document. you can showcase this your friend.

I hope this post might help you!

[jswamy]

Hi Uzi2019,

No, Its not working

[Uzi2019]

Hi @jswamy 

Power BI supports these browsers on all platforms where they're available:

Microsoft Edge Chromium.

Chrome desktop latest version.

other are also facing same issue with Mac OS . check this blog for reference.

https://community.fabric.microsoft.com/t5/Desktop/Power-BI-Dashbord-alignment-Issue-in-different-OS-...

I hope I answered your question!

Safari Mac latest version.

Firefox desktop latest version. Firefox may change the fonts used in Power BI

[jswamy]

Hi Govind,

Thanks for your answers but Its not working.

Please let me know any other better options.

Thanks,

[govind_021]

Hey @jswamy 
Try Following ways

• Use Web-Safe Fonts: Stick to fonts like Arial or Calibri for consistent rendering.
• Avoid Overlapping: Space out text boxes to prevent alignment issues.
• Enable Responsiveness: Set the page view to "Fit to Width" or "Responsive."
• Optimize Resolution: Design for common resolutions across devices.
• Use Containers: Place text boxes in cards or grids for fixed positioning.
• Check Browsers: Recommend using Chrome or Edge on Mac.
• Apply Themes: Use consistent themes for uniform styling.
• Test on Mac: Preview the report on a Mac before publishing.
  
  Let me know if it works.
  
  Thank You
  Best Regards
  Govind Sapkade ( Data Analyst , PL 300 Certified , Fabric Enthusiast )