cancel
Showing results for 
Search instead for 
Did you mean: 

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

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:

Capture.PNG

This is what it does look like:

Capture1.PNG

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

Thanks

Status: Accepted
Comments
Moderator

Hi @DJ95,

 

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

 

Best Regards,
Qiuyun Yu 

Moderator
Status changed to: Accepted
 
Moderator

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 

Regular Visitor

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:

Capture.PNG

 

After theme importation:

Capture1.PNG

 

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.

Moderator

Hi @DJ95 ,

 

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

 

Best Regards,
Qiuyun Yu 

Member

+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
Not applicable

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

Visitor

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.