Change Default Chart Font

[Tim]

I have a column chart that has a default font of Arial. Is it possible to change this to the Inter font in one place or does the font have to be set for each individual label (e.g. chart title, axis title, axis label, legend, tooltip, etc.)?

Thanks,

Tim

[Alexander]

Hi Tim,

At this stage, there is no autonomous configuration for adding a default Font that will be employed for each of the mentioned label compartments.

However, I do personally agree with you that such an enhancement could be potentially beneficial. In this regard, I have logged a feature request on your behalf primarily within the realm of Kendo UI for jQuery, since the Telerik UI for ASP.NET Core components can be perceived as wrappers for the jQuery widgets:

• Feedback Portal Item - https://feedback.telerik.com/kendo-jquery-ui/1636598-change-default-chart-font

In order to spare you some time, I have added a vote on your behalf. Generally, the requests are triaged based on several factors such as: community demand, severity, and time costs.

For the time being, my personal recommendation would be to set the labels via their respective Title.Font(), Tooltip.Font(), AxisDefaults.Labels.Font() and Legend.Labels.Font() API configuration.

"Notice, that the configurations accept all of the font properties."

Here is the CSS syntax for the font properties:

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Here is a Telerik REPL example in which the aforementioned API configurational methods are utilized:

• Telerik REPL for ASP.NET Core Example

The configurations in the example are declared in the following manner:

@(Html.Kendo().Chart()
    .Name("chart")
    .Title(t => t.Text("Sales Totals").Color("#111111")
        .Font("20px Inter, sans-serif")
    )
    .Legend(legend => legend
        ...
        .Labels(labels => labels.Font("20px Inter, sans-serif"))
    )
    .AxisDefaults(defaults => defaults
			.Labels(labels => labels.Font("15px Inter, sans-serif")
		)
	)
    ...
    .Tooltip(tooltip => tooltip
        .Font("15px Inter, sans-serif")
	...
    )
)

For further bringing this to our attention, I have also updated your Telerik points as a token of appreciation.

I hope this helps.

Kind Regards,
Alexander
Progress Telerik

[Tim]

Thank you!