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

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

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
Memorable Member
Memorable Member

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
Memorable Member
Memorable Member

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
Europe Fabric Conference

Europe’s largest Microsoft Fabric Community Conference

Join the community in Stockholm for expert Microsoft Fabric learning including a very exciting keynote from Arun Ulag, Corporate Vice President, Azure Data.

AugPowerBI_Carousel

Power BI Monthly Update - August 2024

Check out the August 2024 Power BI update to learn about new features.

August Carousel

Fabric Community Update - August 2024

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