Skip to main content
All docs
V25.1
  • DxFontSettings Class

    Contains the element’s font settings.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.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