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

The Power BI Data Visualization World Championships is back! It's time to submit your entry. Live now!

Reply
spatil29
New Member

Adding more than one font to Font family in a PBI json theme file

I want to add upto 3 custom fonts in my custom theme file for my Power BI. I need the second and third as fall-back options for those which do not have the 1st custom font downloaded on their systems.

 

These are the fonts I want to use : Tablet Gothic(Primary), Aglet Sans (secondary), Sans Serif(last resort)

 

 

 

 

{
  "name": "new",
  "visualStyles": {
    "*": {
      "*": {
        "filterCard": [
          {
            "$id": "Applied",
            "backgroundColor": {
              "solid": {
                "color": "#DFEEBF"
              }
            },
            "transparency": 0,
            "textSize": 10
          },
          {
            "$id": "Available",
            "textSize": 10
          }
        ],
        "outspacePane": [
          {
            "headerSize": 10
          }
        ],
        "*": [
          {
            "fontSize": 12,
            "fontWeight": "bold",
            "fontFamily": "Tablet Gothic",
            "color": {
              "solid": {}
            }
          }
        ]
      }
    }
  },
  "textClasses": {
    "title": {
      "fontFace": "Tablet Gothic"
    },
    "callout": {
      "fontFace": "Tablet Gothic"
    },
    "label": {
      "fontFace": "Tablet Gothic"
    },
    "header": {
      "fontFace": "Tablet Gothic"
    },
    "largeTitle": {
      "fontFace": "Tablet Gothic"
    },
    "dataTitle": {
      "fontFace": "Tablet Gothic"
    },
    "largeLabel": {
      "fontFace": "Tablet Gothic"
    },
    "boldLabel": {
      "fontFace": "Tablet Gothic"
    },
    "largeLightLabel": {
      "fontFace": "Tablet Gothic"
    },
    "lightLabel": {
      "fontFace": "Tablet Gothic"
    },
    "semiboldLabel": {
      "fontFace": "Tablet Gothic"
    },
    "smallLabel": {
      "fontFace": "Tablet Gothic"
    },
    "smallLightLabel": {
      "fontFace": "Tablet Gothic"
    },
    "smallDataLabel": {
      "fontFace": "Tablet Gothic"
    }
  },
  "dataColors": [
    "#B6B0FF",
    "#3049AD",
    "#FF994E",
    "#C83D95",
    "#FFBBED",
    "#42F9F9",
    "#00B2D9",
    "#FFD86C",
    "#EE7272",
    "#98140C",
    "#C5C0FF",
    "#596DBD",
    "#FFAD71",
    "#D364AA",
    "#FFC9F1",
    "#68FAFA",
    "#33C1E1",
    "#FFE089",
    "#F18E8E",
    "#AD433D",
    "#8984BF",
    "#243782",
    "#BF733B",
    "#962E70",
    "#BF8CB2",
    "#32BBBB",
    "#0086A3",
    "#BFA251",
    "#B35656",
    "#720F09",
    "#5B5880",
    "#182557"
  ]
}

 

 

 

1 ACCEPTED SOLUTION
SamWiseOwl
Super User
Super User

Hi @spatil29 

 

This post suggests using different fonts for different visuals.

Solved: Import Multiple Extra Font Families to Power BI Th... - Microsoft Fabric Community

 

I've tried this and it appears to work but I don't have all your custom fonts. According to the forums it isn't supported although when I try this:

SamWiseOwl_0-1722932774872.png

It appears to work so I'm not sure, maybe when the report is live it isn't supported.

"visualStyles": {
"*": {
"*": {
"*": [
{
"fontFamily": "Arial"
},
{
"fontFamily": "Algerian"
},
{
"fontFamily": "Sans Serif"
}
]
}
},


If you are happy with this answer please mark as a solution for others to find !

Kudos are always appreciated! Check out our free Power BI video courses.

View solution in original post

1 REPLY 1
SamWiseOwl
Super User
Super User

Hi @spatil29 

 

This post suggests using different fonts for different visuals.

Solved: Import Multiple Extra Font Families to Power BI Th... - Microsoft Fabric Community

 

I've tried this and it appears to work but I don't have all your custom fonts. According to the forums it isn't supported although when I try this:

SamWiseOwl_0-1722932774872.png

It appears to work so I'm not sure, maybe when the report is live it isn't supported.

"visualStyles": {
"*": {
"*": {
"*": [
{
"fontFamily": "Arial"
},
{
"fontFamily": "Algerian"
},
{
"fontFamily": "Sans Serif"
}
]
}
},


If you are happy with this answer please mark as a solution for others to find !

Kudos are always appreciated! Check out our free Power BI video courses.

Helpful resources

Announcements
Power BI DataViz World Championships

Power BI Dataviz World Championships

The Power BI Data Visualization World Championships is back! It's time to submit your entry.

December 2025 Power BI Update Carousel

Power BI Monthly Update - December 2025

Check out the December 2025 Power BI Holiday Recap!

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.