Custom font for buttons text

[SHTELVIS]

Hi everyone ,

I'm trying to add a custom font to a button text  in a dashboard i tried this json file and works for most of the dasbdoard except for the text in the  button  :

{"name":"Custom",

"textClasses":{
"lightLabel":{
"fontFace":"AMX Black"
},
"callout":{
"fontFace":"AMX Black"
},
"title":{
"fontFace":"AMX Black"
},
"header":{
"fontFace":"AMX Black"
}
}
}

It just changes the "EXAMPLE" title  but the text inside the button "Show Active Services" keeps with default font type

Thanks in advance for your help

[SHTELVIS]

Hi , @v-yaningy-msft 

Tried several times to re import the JSON file and is not working the text is Arial font , but the title is on the desired font AMX

Even tried this JSON file with more details and the button text still now showing AMX font

"name": "AMX",
"visualStyles": {"actionButton": {"*": {"text": [ { "fontFamily": "AMX"}]}}},
"textClasses": {
"title": {
"fontFace": "AMX",
"fontWeight": "500"
},
"label": {
"fontFace": "AMX",
"fontWeight": "400"
},
"callout": {
"fontFace": "AMX",
"fontWeight": "400"
},
"header": {
"fontFace": "AMX",
"fontWeight": "400"
},
"largeTitle": {
"fontFace": "AMX",
"fontWeight": "400"
},
"dataTitle": {
"fontFace": "AMX",
"fontWeight": "500"
},
"boldLabel": {
"fontFace": "AMX",
"fontWeight": "400"
},
"largeLabel": {
"fontFace": "AMX",
"fontWeight": "400"
},
"largeLightLabel": {
"fontFace": "AMX",
"fontWeight": "400"
},
"lightLabel": {
"fontFace": "AMX",
"fontWeight": "400"
},
"semiboldLabel": {
"fontFace": "AMX",
"fontWeight": "400"
},
"smallLabel": {
"fontFace": "AMX",
"fontWeight": "400"
},
"smallLightLabel": {
"fontFace": "AMX",
"fontWeight": "400"
},
"smallDataLabel": {
"fontFace": "AMX",
"fontWeight": "300"
}
}
}

Is may be a workaround or any way to re-write the JSON file to make it work ?

Thanks in advance @v-yaningy-msft 

[v-yaningy-msft · Accepted solution]

Hi, @SHTELVIS 

You can try this Json file.

{
  "name": "AMX",
  
  "textClasses": {
    "label": {
      "fontFace": "AMX Black"
    },
    "header": {
      "fontFace": "AMX Black"
    },
    "callout": {
      "fontFace": "AMX BlackT"
    },
    "title": {
      "fontFace": "AMX Black"
    }
  },
  "visualStyles": {
    "*": {
      "*": {
        "border": [
          {
            "show": true
          }
        ],
        "outspacePane": [
          {
            "backgroundColor": {
              "solid": {
                "color": "#FFFFFF"
              }
            }
          }
        ]
      }
    }
  }
}

Best Regards,
Yang
Community Support Team

If there is any post helps, then please consider Accept it as the solution to help the other members find it more quickly.
If I misunderstand your needs or you still have problems on it, please feel free to let us know. Thanks a lot!

How to get your questions answered quickly --  How to provide sample data in the Power BI Forum

[v-yaningy-msft]

Hi, @SHTELVIS 

According to your description, you want to customize the button Text font, according to the json file you provided, the button Text font can be changed normally, you can try to re-import the json file again. I will feel free to help you about this problem.

Best Regards,
Yang
Community Support Team

If there is any post helps, then please consider Accept it as the solution to help the other members find it more quickly.
If I misunderstand your needs or you still have problems on it, please feel free to let us know. Thanks a lot!

How to get your questions answered quickly --  How to provide sample data in the Power BI Forum