Chan Nyein Soe

How to Set Font Style in Elementor

Below the Global Font section, there is a Custom Font section which says ( + Add Style ). Use it to add these elementor font list:
  • Title (1-7)
  • Body Bold
  • Body Big
  • Body Small
Once you have created them, apply the following styles:
  • Set font family to the Main Font.
  • Set Font Weight to any thing you choose. (each font style can have a different weight, but I suggest you stick to about 2 max to maintain unity across the fonts.)
  • Leave everything else as default for now.
  • set font family to Body Font.
  • Set Bold Bold’s font weight to bold. Set the rest of the font to normal weight.
  • Leave everything else as default for now.
Element Global Custom Font Styles
example

How to setup Elementor Global Fonts

The following font sizes are for the Desktop BreakPoint:

Font size: 3.7 rem (not px) , Line height: 67 px , Font style: (optional) : 600 (Semi Bold)

Font size: 3.2 rem (not px) , Line height: 52 px , Font style: (optional) : 600 (Semi Bold)

Font size: 2.9 rem (not px) , Line height: 51 px , Font style: Default

Font size: 2.5 rem (not px) , Line height: 44 px , Font style: Default

Font size: 2.2 rem (not px) , Line height: 41 px , Font style: Default

Font size: 2 rem (not px) , Line height: 30 px , Font style: Default

Font size: 1.8 rem (not px) , Line height: 28 px , Font style: Default

  • Body Bold – 1 rem
  • Body Big – 1.125 rem
  • Body Small – 0.875 rem

The following font sizes are for the Tablet BreakPoint:

Font size: clamp(3rem, 1.5078rem + 3.1128vw, 3.5rem);

Line height: 51 px , Font style: (optional) : 600 (Semi Bold)

Font size: clamp(2.8rem, 1.3rem + 3.125vw, 3.3rem);

Line height: 49 px , Font style: (optional) : 600 (Semi Bold)

Font size: clamp(2.7rem, 1.8rem + 1.875vw, 3rem);

Line height: 43 px , Font style: Default

Font size: clamp(2.3rem, 1.4rem + 1.875vw, 2.6rem);

Line height: 44 px , Font style: Default

Font size: clamp(2rem, 0.8rem + 2.5vw, 2.4rem);

Line height: 36 px , Font style: Default

Font size: clamp(1.9rem, 0.7rem + 2.5vw, 2.3rem);

Line height: 36 px , Font style: Default

Font size: clamp(1.8rem, 0.6rem + 2.5vw, 2.2rem);

Line height: 28 px , Font style: Default

  • Body Bold – 1 rem
  • Body Big – 1.125 rem
  • Body Small – 0.875 rem

The following font sizes are for the Mobile BreakPoint:

Font size: 2.7 rem (not px) , Line height: 47 px , Font style: (optional) : 600 (Semi Bold)

Font size: 2.5 rem (not px) , Line height: 49 px , Font style: (optional) : 600 (Semi Bold)

Font size: 2.3 rem (not px) , Line height: 38 px , Font style: Default

Font size: 2 rem (not px) , Line height: 32 px , Font style: Default

Font size: 1.8 rem (not px) , Line height: 30 px , Font style: Default

Font size: 1.7 rem (not px) , Line height: 30 px , Font style: Default

Font size: 1.7 rem (not px) , Line height: 27 px , Font style: Default

  • Body Bold – 1 rem
  • Body Big – 1.125 rem
  • Body Small – 0.875 rem

Visit my social media where I am most active.

By signing up to receive emails from Frisk, you agree to our Privacy Policy. We treat your info responsibly.

Contact

[email protected]
www.facebook.com/chansoe101
www.instagram.com/chansoe101

Copyright © 2024 ThemeGenix