Xidipity

Knowledge Base

font – size
Framework: Font Size
Xidipity WordPress Theme Knowledge Base Font Content Header Image
large 7x
 
  • class: fnt:siz-lg-7x
  • css: font-size: var(--font-size-7x);

 

large 6x
 
  • class: fnt:siz-lg-6x
  • css: font-size: var(--font-size-6x);

 

large 5x
 
  • class: fnt:siz-lg-5x
  • css: font-size: var(--font-size-h1);

 

large 4x
 
  • class: fnt:siz-lg-4x
  • css: font-size: var(--font-size-h2);

 

large 3x
 
  • class: fnt:siz-lg-3x
  • css: font-size: var(--font-size-h3);

 

large 2x
 
  • class: fnt:siz-lg-2x
  • css: font-size: var(--font-size-h4);

 

large 1x
 
  • class: fnt:siz-lg-1x
  • css: font-size: var(--font-size-h5);

 

large
 
  • class: fnt:siz-lg
  • css: font-size: var(--font-size-h6);

 

medium 1x
 
  • class: fnt:siz-md-1x
  • css: font-size: var(--font-size-md-1x);

 

medium
 
  • class: fnt:siz-md
  • css: font-size: var(--font-size-md);

 

small
 
  • class: fnt:siz-sm
  • css: font-size: var(--font-size-sm);

 

small 1x
 
  • class: fnt:siz-sm-1x
  • css: font-size: var(--font-size-sm-1x);

 

small 2x
 
  • class: fnt:siz-sm-2x
  • css: font-size: var(--font-size-sm-2x);

 

larger
 
  • class: fnt:siz+1
  • css: font-size: var(--font-size-larger);

 

smaller
 
  • class: fnt:siz-1
  • css: font-size: var(--font-size-smaller);

 

Abbreviations
 
AbbreviationDefinition
fntfont
+11 larger
-11 smaller
1x1 times
2x2 times
3x3 times
4x4 times
5x5 times
6x6 times
7x7 times
lglarge
mdmedium
smsmall

 

Supported media
 
AbbreviationDefinition
all
sm)small
md)medium
lg)large
xl)extra large
Notes
 

All font classes begin with “fnt” and are separated by a colon from it’s value. css values are defined in the theme-var.css file.


  • Since: v1.0.0

 

September 24, 2022