help center

Search
Close this search box.
On this page

Typography

Last Update: February 2, 2024

An essential part of design

Typography is essentially how your text will appear to visitors. Along with the color scheme, typography has a significant impact on the impression you make on visitors. Some fonts and colors make your site more light and fun while others can convey the seriousness of your information.

In Elementor, typography is determined by nine different factors:

  • Family – This is often referred to as the font type and is the most important factor in determining how your text will appear. You can select from a dropdown containing the dozens of font types available to you. The font names appear in the font type to help you see how that font will appear.
  • Size – You can set the size of your text by pixels, as relative to the parent element (EM), as relative to the root element (REM) or as relative to the viewport width (VW). Learn more about the difference between these measurements. You can change the size with a slider, by entering a number, using the up and down arrows or with the number scrubber
  • Weight – Measures the thickness of the letters in the text. This can be measured from 100-900 (light to heavy) with 400 considered normal and 700 being bold.
  • Transform – Allows you to quickly and easily change lower case text to upper case and vice versa or capitalize sentences.
  • Style –  Allows you to turn italics on or off. This includes the option for oblique text, a type of italics sometimes used with certain font types. 
  • Decoration – Allows you to underline, overline, or strike-thru text.
  • Line-Height measures the amount of space between the lines of text. Increasing and reducing this size can help the text fit into your design but lowering it by too much can make the text hard to read. Measured in either pixels or EM.
  • Letter Spacing – Sometimes your text doesn’t exactly match your design. Use Letter Spacing to make small adjustments to the text length by widening or narrowing the space between letters. Measured in either pixels or EM.
  • Word Spacing – Sometimes your text doesn’t exactly match your design. Use Word Spacing to make small adjustments to the text length by widening or narrowing the space between words. Measured in either pixels or EM.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!