# Typography

# Text color

The Text color property defines the color applied to the text of a block.

If a Link Color has been specified on the block or its parents, that property will take precedence on the text color for links inside the block

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Text Color property
Open the color picker by clicking on the color circle
Select your color in the color picker or click on a global color

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Text Color property
Click on the Clear button

# Link color

The Link color property defines the color applied to the links in a block.

If a Link Color has been specified on the block or its parents, that property will take precedence on the text color for links inside the block

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Link Color property
Open the color picker by clicking on the color circle
Select your color in the color picker or click on a global color

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Link Color property
Click on the Clear button

# Font Family

The Font Family property sets the font face that should be used for the specific text of the element.

Font families are inherited by default. If your block's parent has a set font family, that font family will automatically be applied to every child block. No need to add the same font family for every child block.

It is not recommended to use too many font families. Every font family you add to a block increases your page file size, slowing down your overall page speed.

You can apply a font family to every Cwicly block. The font family property is specific to the block and its children.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Font Family property
If you want to use a Google Font, click on Google. If you want to use a Custom Font, click on Custom
Select your desired font in the dropdown list

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Font Family property
Select Inherit in the dropdown list

Google Fonts Google Fonts is a library of more than a thousand free and open source font families. The font files are stored on Google servers.

# Font Weight

The Font Weight property sets how thick or thin characters in text should be displayed.

It uses a numerical scale from 100 to 900, in increments of 100. 100 being the thinnest and 900 the thickest. The default weight of any block is 400.

If a Font Weight has been chosen in a parent block, it will be inherited unless otherwise specified on the selected block.

You can apply a font weight to every Cwicly block. The font weight property is specific to the block and its children.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Font Weight property
Select your desired font weight in the dropdown list.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Font Weight property
Select Inherit in the dropdown list

# Font Size

The Font Size property allows you to modify the size of selected block's text.

If a Font Size has been applied in a parent block, it will be inherited unless otherwise specified on the selected block.

You can apply a font weight to every Cwicly block. The font weight property is specific to the block and its children.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Font Size property
Enter your desired font size
Select your desired font size unit

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Font Size property
Click on Reset

# Spacing

The Letter Spacing property defines the spacing between the characters of a block of text.

If a Letter Spacing has been applied in a parent block, it will be inherited unless otherwise specified on the selected block.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Spacing property
Enter your desired letter spacing
Select your desired letter spacing unit

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Spacing property
Click on Reset

# Line Height

The Line Height property defines the height of a single line of text.

Cwicly uses unitless values for the line height, the line height is therefore relative to the font size.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Line Height property
Enter your desired letter spacing

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Line Height property
Click on Reset

# Text Align

The Text Align property defines how the text in a block is horizontally aligned.

If a Text Align has been applied in a parent block, it will be inherited unless otherwise specified on the selected block.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Align property
Click on the appropriate align options (left, center, right, justify)

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Align property
Click on the selected option to unselect it

Left The text content is aligned to the left.

Center The text content is aligned to the center.

Right The text content is aligned to the right.

Justify The text content is aligned to the justify.

# Transform

The Text Transform property defines how the text in a block should be transformed.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Transform property
Click on the appropriate transform options (none, capitalize, uppercase, lowercase)

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Transform property
Click on the selected option to unselect it

None This removes every text transformation applied or inherited (if any). It will appear untouched.

Capitalize Makes the first character of every word uppercase.

Uppercase Makes every character uppercase.

Lowercase Changes all characters into lowercase characters.

# Font Style

The Font Style property defines how slanted a text should be. It is basically an Italic option.

If a Font Style has been applied in a parent block, it will be inherited unless otherwise specified on the selected block.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Style property
Click on the appropriate style options (normal, italic)

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Style property
Click on the selected option to unselect it

Normal The text is normal and not slanted.

Italic Uses the italic version of the font (if it exists). The letters are slightly slanted.

# Font Decoration

The Font Decoration property adds an underline, overline, line-through, or a combination of lines.

If a Font Decoration has been applied in a parent block, it will be inherited unless otherwise specified on the selected block.

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Decoration property
Click on the appropriate decoration options (none, underline, overline, strike-through)

Select a block
Open the block inspector
Navigate to the advanced tab
Open the Typography panel
Find the Decoration property
Click on the selected option to unselect it

None This removes every font decoration applied or inherited (if any). It will appear untouched.

Underline The text is underlined.

Overline The text is overlined.

Line-Through A strikethrough appears on the text.