Style CSS "Font" 3 Classic Options

Font Family

{{ previewText }}

Font Size

{{ previewText }}

Font Weight

{{ previewText }}

Try Combining !!!

{{ previewText }}

Insert CSS styling

              

p { font-family: {{ userFontFamily }}; font-size: {{ userFontSize }}px; font-weight: {{ userFontWeight }}; line-height: {{ userFontHeight }}; font-variant-numeric: {{ fontVariantNumeric }}; }

Here are more examples of what can be done

Font-variant-numeric

The font-variant-numeric CSS property controls the use of alternate glyphs for numbers and related punctuation marks.

1234567890

Line Height

Adjust the line-height value using the slider below to see how it affects the spacing between lines of text.

{{fontHeight}}

{{ previewText }}