Skip to content
Sites

Font Weight in Funnels and Websites

Key features & benefits: Users now have the flexibility to select the font weight for any given component within their website or funnel. The font-weight…

1 min read200 words3 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key features & benefits:
  2. How to use ?
  3. Note:
  4. How it looks?

Video 1 Open in a new tab

Key features & benefits:

  • Users now have the flexibility to select the font weight for any given component within their website or funnel.
  • The font-weight option is available across a wide range of components, including text components, buttons, category navigation, FAQs, countdown components, navigation menus, store components, and image feature components.
  • You can choose to show different font weight for mobile and desktop view
  • Font size slider sensitivity reduce to 100 for better UX

How to use ?

  • Navigate to the page builder interface.
  • Select any component from the list mentioned above.
  • Below the font size settings, you’ll find a new dropdown option for font weight.
  • Choose your desired font weight. You can also customize different font weights for mobile and desktop versions.
  • Save or publish your changes to see the updated font weight reflected on your website or funnel.

Note:

  • Not all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t support the given font weight.
  • Font weight option will not apply if you have bold the text using text editor. Text editor bold option will take priority over font weight option.

How it looks?

How it looks? (image 1 of 3) What this shows Not all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t… What this shows Illustrates the "How it looks?" section of "Font Weight in Funnels and Websites". This screenshot appears in the "How it looks?" section of "Font Weight in Funnels and Websites". The text alongside this image reads: Not all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t support the given font weight. Font weight option will not apply if you have bold the text using text editor. Text editor bold option will take priority over…. This part of the guide covers 1 field, listed below. Image 1 of 3 What to chooseNot all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t support the given font weight. Font weight option will not apply if you have bold the text using text editor. Text editor bold option will take priority over font weight option.
Fields in this part of the guide Font size slider sensitivity reduce to 100 for better UX
All 4 steps in this procedure
  1. Users now have the flexibility to select the font weight for any given component within their website or funnel.
  2. The font-weight option is available across a wide range of components, including text components, buttons, category navigation, FAQs, countdown components, navigation menus, store components, and image feature components.
  3. You can choose to show different font weight for mobile and desktop view
  4. Font size slider sensitivity reduce to 100 for better UX
How it looks? (image 2 of 3) What this shows Not all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t… What this shows Illustrates the "How it looks?" section of "Font Weight in Funnels and Websites". This screenshot appears in the "How it looks?" section of "Font Weight in Funnels and Websites". The text alongside this image reads: Not all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t support the given font weight. Font weight option will not apply if you have bold the text using text editor. Text editor bold option will take priority over…. This part of the guide covers 1 field, listed below. Image 2 of 3 What to chooseNot all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t support the given font weight. Font weight option will not apply if you have bold the text using text editor. Text editor bold option will take priority over font weight option.
Fields in this part of the guide Font size slider sensitivity reduce to 100 for better UX
All 4 steps in this procedure
  1. Users now have the flexibility to select the font weight for any given component within their website or funnel.
  2. The font-weight option is available across a wide range of components, including text components, buttons, category navigation, FAQs, countdown components, navigation menus, store components, and image feature components.
  3. You can choose to show different font weight for mobile and desktop view
  4. Font size slider sensitivity reduce to 100 for better UX
How it looks? (image 3 of 3) What this shows Not all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t… What this shows Illustrates the "How it looks?" section of "Font Weight in Funnels and Websites". This screenshot appears in the "How it looks?" section of "Font Weight in Funnels and Websites". The text alongside this image reads: Not all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t support the given font weight. Font weight option will not apply if you have bold the text using text editor. Text editor bold option will take priority over…. This part of the guide covers 1 field, listed below. Image 3 of 3 What to chooseNot all font family support all the font weight which means select font weight might not have any effect on text style if family doesn’t support the given font weight. Font weight option will not apply if you have bold the text using text editor. Text editor bold option will take priority over font weight option.
Fields in this part of the guide Font size slider sensitivity reduce to 100 for better UX
All 4 steps in this procedure
  1. Users now have the flexibility to select the font weight for any given component within their website or funnel.
  2. The font-weight option is available across a wide range of components, including text components, buttons, category navigation, FAQs, countdown components, navigation menus, store components, and image feature components.
  3. You can choose to show different font weight for mobile and desktop view
  4. Font size slider sensitivity reduce to 100 for better UX

Was this guide helpful?

Related guides