Set charts font to Roboto (#24097)

src/components/chart/ha-chart-base.ts

@@ -328,6 +328,7 @@ export class HaChartBase extends LitElement {
       backgroundColor: "transparent",
       textStyle: {
         color: style.getPropertyValue("--primary-text-color"),
+        fontFamily: "Roboto, Noto, sans-serif",
       },
       title: {
         textStyle: {

src/util/text.ts

@@ -10,7 +10,7 @@ let textMeasureCanvas: HTMLCanvasElement | undefined;
 export function measureTextWidth(
   text: string,
   fontSize: number,
-  fontFamily = "sans-serif"
+  fontFamily = "Roboto, Noto, sans-serif"
 ): number {
   if (!textMeasureCanvas) {
     textMeasureCanvas = document.createElement("canvas");