Start a conversation

Typography Theme Settings

The examples in this setting are the default theme's values.

fontFamilyBase

CSS variable: --lia-bs-font-family-base

"fontFamilyBase" : "'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif",

fontWeightBase

CSS variable: --lia-bs-font-weight-base

"fontWeightBase" : "400",

fontWeightLight

CSS variable: --lia-bs-font-weight-light

"fontWeightLight" : "300",

fontWeightNormal

CSS variable: --lia-bs-font-weight-normal

"fontWeightNormal" : "400",

fontWeightMd

CSS variable: --lia-font-weight-md

"fontWeightMd" : "500",

fontWeightBold

CSS variable: --lia-bs-font-weight-bold

"fontWeightBold" : "700",

fontStyleBase

CSS variable: --lia-font-style-base

Possible values are:

  • ITALIC
  • NORMAL
"fontStyleBase" : "NORMAL",

lineHeightBase

CSS variable: --lia-bs-line-height-base

"lineHeightBase" : "1.5",

fontSizeBase

CSS variable: --lia-bs-font-size-base

"fontSizeBase" : "16px",

fontSizeXxs

CSS variable: --lia-font-size-xxs

"fontSizeXxs" : "11px",

fontSizeXs

CSS variable: --lia-font-size-xs

"fontSizeXs" : "12px",

fontSizeSm

CSS variable: --lia-bs-font-size-sm

"fontSizeSm" : "14px",

fontSizeLg

CSS variable: --lia-bs-font-size-lg

"fontSizeLg" : "20px",

fontSizeXl

CSS variable: --lia-font-size-xl

"fontSizeXl" : "24px",

smallFontSize

CSS variable: --lia-bs-small-font-size

"smallFontSize" : "14px",

letterSpacingSm

CSS variable: --lia-letter-spacing-sm

"letterSpacingSm" : "normal",

letterSpacingXs

CSS variable: --lis-letter-spacing-xs

"letterSpacingXs" : "normal",

customFonts

It contains a list of elements as described in the below table.

Field Name Description
source This is the source of the font. Possible values are: GOOGLE, ADOBE, LOCAL, SERVER
name The name for the current font
styles This contains the list of font styles. The available fields in the styles are provided in the styles setting.
"customFonts" : [ {
  "source" : "GOOGLE",
  "name" : "Roboto Condensed",
  "styles" : [ {
    "style" : "NORMAL",
    "weight" : "300"
  } ]
} ]

styles

Field Name Description
style The font style.
Possible values are:
ITALIC, NORMAL
weight The font weight
Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. ATLAS

  2. Posted
  3. Updated

Comments