CH (character unit)ĬH is great for sizing something like a paragraph or a heading to limit the number of characters someone has to read per line.įor example, if a paragraph has a maximum width of 60ch, it takes the selected font (the paragraph’s typeface), and sets the paragraph’s boundary (its box) to equal the width of 60 zeros.ĬH lets you set the width on a text element when you’re trying to limit the number of characters (again, based on the width of the font’s zero character). VW is a measurement of the width of the browser’s viewport that scales proportionally based on the width of the viewport. Like ems, percentage refers to the parent element’s font size. Learn more about using rems for responsive text sizing. This has the benefit of respecting browser preferences (if custom text size is set on the browser) and allowing site visitors to enlarge sites to a more comfortable viewing size, and is preferred for accessibility. to 20 pixels) in the Style panel under TypographyĪ rem is calculated by taking your rem value and multiplying it by the HTML font size (which, unless you manually change it in the code, will respect the browser’s font size). You can also set the font size on a paragraph’s parent element, like a Div block: Ems look to their parent element to scale their font size proportionally. This is a great way to set defaults on a site.Īn em was originally based on the width of a typeface’s capital M. Changes to this tag (like the font) will pass down to all your text. The Body (All Pages) tag is the top-level tag.

Click into the Selector field in the Style panel.

It’s common to use this technique to set global font styles on the body tag, to align text and other elements inside of sections, and to override default link block styles. You can set text styles on parent elements to apply to their child elements and override these styles in the child element settings. Parent elements can pass text style information down to their children. When the background is clipped to text, it will ignore the font color and use the color in your Backgrounds section. You can put any background (or stack multiple backgrounds) using this method. When you make a change to the gradient, it updates inside the text in realtime.

Spell out name in block letters font