Forum Discussion

SHTELVIS's avatar
SHTELVIS
Frequent Visitor
2 years ago
Solved

Custom font for buttons text

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

Need Help
Tutorial Requests
  • Anonymous's avatar
    Anonymous
    2 years ago

    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

3 Replies

  • Anonymous's avatar
    Anonymous
    Not applicable
    2 years ago

    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

  • SHTELVIS's avatar
    SHTELVIS
    Frequent Visitor
    2 years ago

    Hi , Anonymous 

     

    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 Anonymous 

    • Anonymous's avatar
      Anonymous
      Not applicable
      2 years ago

      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