Certain fonts are not displaying correctly when importing custom themes from json file

[DJ95]

Hi,

I have written a json file to import my own theme to my report but am experiencing problems where I have coded the fonts to be either "DIN" or "Segoe (Bold)". These are both examples of my code.

"card": {
  "*": {
    "labels": [
      {
        "color": { "solid": { "color": "#dc0002" } },
        "labelDisplayUnits": "0",
        "fontSize": 40,
        "fontFamily": "DIN"
      }
    ]
  }
},

"columnHeaders": [
  {
    "fontColor": { "solid": { "color": "#000000" } },
    "backColor": { "solid": { "color": "#90a0b0" } },
    "outline": "Bottom only",
    "autoSizeColumnWidth": true,
    "fontFamily": "Segoe (Bold)",
    "fontSize": 8,
    "alignment": "Auto",
    "urlIcon": false,
    "wordWrap": true
  }
]

This is what it should look like:

This is what it does look like:

Can anyone explain why this is happening and how to fix it?

Thanks

[v-qiuyu-msft]

Hi @DJ95,

I have reported this issue internally: CRI 104641462. Will update here once I get information. 

Best Regards,
Qiuyun Yu 

[v-qiuyu-msft]

Hi @DJ95 ,

I got information below: 

I can repro this when I don't have the font used in theme.json file installed in my machine.

When I installed the font in question (DIN) in my machine it works as expected. Tried that with other font families as well, e.g. "wide latin" by first uninstalling it from control panel -> font, using it in the theme.json and trying it again with font installed.

Best Regards,
Qiuyun Yu 

[DJ95]

Hi,

I'm finding that this has partially worked with the DIN font. It is now displaying the correct font, however it resizes the text once the theme is imported.

Before theme importation:

After theme importation:

I both cards used, the text is sized at size 40, but the second is clearly bigger than the first.

Can you either tell me which exact font you used (i.e. DIN regular, DIN medium, etc.) or send me a link to download the correct one?

Thanks for all your help.

[v-qiuyu-msft]

Hi @DJ95 ,

I have consulted this issue internally, will keep you update once I get information. 

Best Regards,
Qiuyun Yu 

[kevhav]

+1

@v-qiuyu-msft ...

Where and how can I get the DIN font that is used by Power BI?

Searching the Web, there are some DIN-like fonts, but none seem to be exactly the same.

[Anonymous]

i got the same issue and would take the correct DIN-fonts too.

[Standish]

Update: Here is a link that worked for me.

https://community.powerbi.com/t5/Issues/Update-on-Theming-Title-Background-amp-Font-Color-does-not-w...

Has there been any update here? I'm finding that DIN is not displaying correctly when imported with a JSON file.