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

Power BI is turning 10! Let’s celebrate together with dataviz contests, interactive sessions, and giveaways. Register 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
Join our Fabric User Panel

Join our Fabric User Panel

This is your chance to engage directly with the engineering team behind Fabric and Power BI. Share your experiences and shape the future.

June 2025 Power BI Update Carousel

Power BI Monthly Update - June 2025

Check out the June 2025 Power BI update to learn about new features.

June 2025 community update carousel

Fabric Community Update - June 2025

Find out what's new and trending in the Fabric community.