Skip to main content
All docs
V24.2

DxFontSettings Class

Contains the element’s font settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxFontSettings :
    DxSettingsComponent<FontSettingsModel>

Remarks

Use DxFontSettings objects to customize font settings for the following components:

Component-Level Settings

The DxFontSettings component allows you to specify the following properties at the component level:

Color | Opacity
Specify the text color and its transparency.
Family | Weight
Specify font style settings.
Size
Specifies font size.

Example

The following code snippet customizes font settings of the DxBarGauge title:

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    @* ... *@
    <DxTitleSettings Text="Series Ratings">
        <DxFontSettings Color="purple" Opacity="0.8"
                        Size="28" Weight="600" />
    </DxTitleSettings>
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
}

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.FontSettingsModel>
DxFontSettings
See Also