How to Use

P11FontSize Example:

<P11FontSize @bind-Value="_fontSizeModel" OffsetFontSize="0.1" />

@code {
    private P11FontSizeModel _fontSizeModel = new P11FontSizeModel();
}

P11FontFamily Example:

<P11FontFamily @bind-Value="_fontFamilyModel"
               AvailableFontFamilies="_availableFontFamilies" />

@code {
    private FontFamilyModel _fontFamilyModel = new FontFamilyModel();
    private List<FontFamilyItem> _availableFontFamilies = GetFontList();
}

P11FontWeight Example:

<P11FontWeight @bind-Value="_myLocalFontWeightModel" /> />

@code {
    private FontWeightModel _myLocalFontWeightModel = new();
}

P11FontSpacing Example:

<P11FontSpacing @bind-Value="_currentSpacingValue" /> />

@code {
    private double _currentSpacingValue = 0.0;
}

P11FontLineheight Example:

<P11FontLineheight @bind-Value="_currentLineheightValue" /> />

@code {
    private double _currentLineheightValue = 1.5;
}

That's it ✔️ Simply enclose your markup code and select the desired font size, weight or type.