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.
